VS Code Tips & Tricks & Extensions

nikhilgautam090696

NIKHIL GAUTAM

Posted on August 12, 2022

VS Code Tips & Tricks & Extensions
  1. Code Runner - Run your code with just one click.
  2. Live Server Extension - Each time you save your code, you’ll quickly see the progressions
  3. JavaScript (ES6) Code Snippets - This extension includes all code snippets for JavaScript programming in ES6 syntax for Vs Code editor.
  4. HTML and CSS Support - HTML id and class with auto-complete functionalities for Visual Studio Code. You can see a rundown of id and class suggested ideas by pressing ctrl + space.
  5. jQuery Code Snippets - provides Over 130 jQuery Code Snippets for JavaScript code. To use this extension effectively Just type the letters ‘jq’ in your code editor to get a list of all available jQuery Code Snippets.
  6. Tailwind CSS IntelliSense - autocomplete, syntax highlighting, and linting.
  7. ES7+ React/Redux/React-Native snippets
  8. Live Preview - live preview for HTML
  9. Markdown Emoji - to add emoji
  10. Thunder Client - lightweight Rest API Client Extension (An alternative for Postman)
  11. Code Spell Checker -

For Beautifying your Code

  1. Auto Rename Tag - Automatically rename paired HTML/XML tag
  2. Prettier – Code Formatter
  3. Better Comments - Add meaningful comments..

[ * ] for highlighted text
[ ! ] for errors and warnings
[ ? ] for queries and questions
[ // ] for strikethrough

Themes :

  1. Atom One Dark Theme
  2. Dracula
  3. Cobalt2 Theme Official
  4. One Dark Pro
  5. Shades of Purple
  6. Palenight Theme 7.Monokai Pro 8.Material Theme

Icons :
1.Material Icon Theme
2.vscode-icons
3.Easy icon theme
4.Nomo Dark Icon Theme

Enable Emmet for JSX & Typescript

Go to setting.json file and paste this code below.

"emmet.includeLanguages": {
    "javascript": "javascriptreact",
    "typescript": "typescriptreact"
}
Enter fullscreen mode Exit fullscreen mode
💖 💪 🙅 🚩
nikhilgautam090696
NIKHIL GAUTAM

Posted on August 12, 2022

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related

VS Code Tips & Tricks & Extensions
vscode VS Code Tips & Tricks & Extensions

August 12, 2022