VS Code Tips & Tricks & Extensions
NIKHIL GAUTAM
Posted on August 12, 2022
- Code Runner - Run your code with just one click.
- Live Server Extension - Each time you save your code, you’ll quickly see the progressions
- JavaScript (ES6) Code Snippets - This extension includes all code snippets for JavaScript programming in ES6 syntax for Vs Code editor.
-
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.
- 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.
- Tailwind CSS IntelliSense - autocomplete, syntax highlighting, and linting.
- ES7+ React/Redux/React-Native snippets
- Live Preview - live preview for HTML
- Markdown Emoji - to add emoji
- Thunder Client - lightweight Rest API Client Extension (An alternative for Postman)
- Code Spell Checker -
For Beautifying your Code
- Auto Rename Tag - Automatically rename paired HTML/XML tag
- Prettier – Code Formatter
- Better Comments - Add meaningful comments..
[ * ] for highlighted text
[ ! ] for errors and warnings
[ ? ] for queries and questions
[ // ] for strikethrough
Themes :
- Atom One Dark Theme
- Dracula
- Cobalt2 Theme Official
- One Dark Pro
- Shades of Purple
- 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"
}
💖 💪 🙅 🚩
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.