Visual Studio Code popularly known as VSCode is a lightweight code editor commonly used among developers.
Users prefer it to other code editors because of the better performance and durability it provides.
Virtually almost all programming languages, frameworks, and development technologies support VS Code today.
Features: Some of these important examples of these snippets are:
- imd – import a named export
- imp – import a module
- anfn – generate anonymous function
- fre – generate for each loop through the array
- and many more!
- One good thing about this extension is that when a team of developers makes use of it, it makes sure all of them follow the same style of coding
3. Debugger for Chrome
Debugger for Chrome saves you a lot of time by allowing you to debug directly in VS Code.
- When debugging with this extension, you can also do stuff like set breakpoints, watch variables, view your console output, and many more
- Easy to set up and also not difficult to use
6. Import Cost
This Import Cost extension does the work of telling you the size of the package and modules you are trying to import.
- With the help of the Import Cost, you are able to ensure that the size of your application bundles is reduced to the barest minimum.
7. Path Intellisense
Path Intellisense is a Visual Studio Code extension that autocompletes filenames.
- This extension works by providing you IntelliSense when referencing file paths
8. View Node Package
View Node Package gives you the opportunity to quickly switch from the VS Code to the repository or documentation of the respective package you are trying to lookup.
- This extension is very useful for users that desire to jump to GitHub to view some source code or look through docs/issues
9. Better Comments
Better Comments extension will make your coding experience on VS code nice by helping you to create more human-friendly comments in your code.
Features: This extension allows you to be able to categorize your annotations into:
- and many more other comments styles you desire
10. Npm Intellisense
Npm Intellisense is a VS Code extension that autocompletes npm modules in import statements.
- Import command
- Lookup package.json recursive
- Scan devDependencies
- This enables you to run your tests as you code
12. Fira Code
Fira Code is a monospaced font with programming ligatures. It makes your codes look beautiful and attractive.
- It is easy to use
- It makes your codes look better
- It supports ES201x, React JSX, Flow, and GraphQL.
14. Rest Client
With the help of Rest Client, you can be to send HTTP a request and see the result directly in VS Code.
- You are allowed to Send/Cancel/Rerun HTTP request in VS Code and visualize the result in a different pane with syntax highlight
- Users can easily view image response directly in pane
- Save raw response and response body only to local disk
- In response preview, you can easily customize font size, font-weight, and font family
15. 30 Seconds of Code
16. Live Server
Live Server works by launching a local development server with live reload feature for static & dynamic pages.
- It is a Quick Development Live Server with live browser reload
GitLens is commonly known as Git supercharged. Its duty is to supercharge the Git capabilities created into VS Code.
- It helps you to gain valuable insights through the use of powerful comparison command
- It allows you to uninterruptedly navigate and explore Git repositories
- Just by the help of GitLens, you can quickly visualize code authorship via Git blame annotations and code lens
18. One Dark Pro
One Dark Pro is simply a One Dark Theme for VS Code.
- Syntax highlighting
- It is one of the most polished and less staining themes around today
- You must have installed JSHint library locally or globally before you can be able to use it
Its work can be derived from its name, Beautify simply beautify codes in place of VS Code.
- It is highly customizable
21. JS Refactor
- It offers a comprehensive list of automated actions without leaving out the generally required Extract Method, Extract Variable, Inline Variable, and an alias for the built-in VS Code rename