Nowadays, all developers have a clear idea in choosing the configurations and code editors. Some of us have spent endless hours on different extensions for configuring, a code editor and switching forth and back within code editors. All these together will create the best development environment.
Without any doubt, Visual Studio is the most famous lightweight code editor. It attacks heavily from various code editors like Atom and Sublime Text. It became prevalent because of its stability and performance. Along with this, it offers much-needed features like intelli-sense, that are available only in full-sized IDE like Visual Studio and Eclipse.
The VS Code receives the most favorable response from the marketplace. We should be thankful to the wonderful open source community, now the VS code editor ready for every framework, programming language, and development technology. It supports library or framework in various ways, which mainly include Intellisense, syntax highlighting, snippets, and emmet features.
1. Browser Extensions
, we execute script code within a browser. It means we frequently refresh the page to see the updates of code changes. Here are some tools in the market, which significantly reduces the development time of an iteration process and avoids manual interaction.
Live Server: For static and dynamic pages we use local development server with the feature of live reload
Rest Client: Rest Client is a replacement for CURL programme or browser to test the REST API endpoints. We can set up this tool to collaboratively run HTTP requests at right inside the editor.
Many developers are very familiar with Prettier, and It doesn’t require much introduction. Before turned into the VS Code extension, Prettier is an opinionated code formatter. If we need code Prettier, we should install the convenient small extension[pun unintended].
In VS Code extensions GitLens is one of the most powerful and useful. It provides features like code authorship, recent changes, blame, history and activity heatmaps etc., If you are looking to work on any repository with multiple contributors, then you should choose this.
5. Snippet Extension
While we are installing the snippet extension, its come with many inbuilt snippets for Typescript
ES6 Snippet in StandardJS style
7. Fira Code
is one of the most popular programming fonts with the unique feature of ligature we can scan the code very quickly. It takes several steps for setting up the editorial font, but it’s not difficult at all. Developers want to make their code more impress or look a bit bitter then choose the comparison operators which worth it.
9. One Dark Pro
One Dark Pro fetches Atom’s one dark iconic theme to VS Code. Most of the developers feel it is less straining themes and more polite. It could be installed very soon when we transfer to the VS Code from Atoms. We know it is a personal preference, but the VS Code has a fistful of decent themes you should try it.
10. Import Cost
Import Cost is one of the best extensions for the high size modules and packages that we import into your app. This is the best way to provide the size of your application packages as small as possible!
VS Code becomes very popular because it has a vast number of extensions. It never is easy to write a good java code script so that we can overcome this with the above-discussed extensions. The extensions such as ESLint is useful to avoid common mistakes.
Whereas the other extensions such as browser extensions help debug the code very quickly. For importing the modules, the Intellisense feature is beneficial. By using all of these tools, developers make the iteration process very quickly. I hope the above extensions could help you in your workflow.