Visual studio code is the best code editor to use at the present time due to its wide range of extensions and support from Microsoft this editor is widely adopted.
Here are some VS Code extensions you may need in your web dev Journey.
A thread 🧵👇
Here are some VS Code extensions you may need in your web dev Journey.
A thread 🧵👇
1. JavaScript (ES6) Code Snippets
This extension helps you by not writing that repetitive code again and again. It provides JavaScript, TypeScript, Vue, React, and HTML code snippets.
marketplace.visualstudio.com/items?itemName…
This extension helps you by not writing that repetitive code again and again. It provides JavaScript, TypeScript, Vue, React, and HTML code snippets.
marketplace.visualstudio.com/items?itemName…
2. CSS Peek
As its name suggests, this extension lets you jump to the CSS code using classes and IDs.
marketplace.visualstudio.com/items?itemName…
As its name suggests, this extension lets you jump to the CSS code using classes and IDs.
marketplace.visualstudio.com/items?itemName…
3. Auto Close Tag
This extension automatically adds the closing tag of HTML and XML.
marketplace.visualstudio.com/items?itemName…
This extension automatically adds the closing tag of HTML and XML.
marketplace.visualstudio.com/items?itemName…
4. REST Client
Using this extension, we can test APIs and view their response directly in the visual studio code.
marketplace.visualstudio.com/items?itemName…
Using this extension, we can test APIs and view their response directly in the visual studio code.
marketplace.visualstudio.com/items?itemName…
5. ESLint
ESLint is the linting utility for JavaScript. It checks your code for common errors and lets you know in the editor itself.
It’s like a virtual peer who is validating your code while you are writing it.
marketplace.visualstudio.com/items?itemName…
ESLint is the linting utility for JavaScript. It checks your code for common errors and lets you know in the editor itself.
It’s like a virtual peer who is validating your code while you are writing it.
marketplace.visualstudio.com/items?itemName…
6. Prettier – Code formatter
This extension performs the formatting of the JavaScript, CSS, and HTML code.
marketplace.visualstudio.com/items?itemName…
This extension performs the formatting of the JavaScript, CSS, and HTML code.
marketplace.visualstudio.com/items?itemName…
7. Path Intellisense
Importing code from other files is what everyone does on a daily basis. This extension makes the development time faster by autocompleting file names.
marketplace.visualstudio.com/items?itemName…
Importing code from other files is what everyone does on a daily basis. This extension makes the development time faster by autocompleting file names.
marketplace.visualstudio.com/items?itemName…
8. GitLens
With GitLens, it’s so easy to view code authorship, check commit number, view changes between the last commit and existing changes, and so on.
marketplace.visualstudio.com/items?itemName…
With GitLens, it’s so easy to view code authorship, check commit number, view changes between the last commit and existing changes, and so on.
marketplace.visualstudio.com/items?itemName…
9. Project Manager
Do you work on multiple projects and switch back and forth? Project manager will be a savior to manage multiple projects in visual studio code.
marketplace.visualstudio.com/items?itemName…
Do you work on multiple projects and switch back and forth? Project manager will be a savior to manage multiple projects in visual studio code.
marketplace.visualstudio.com/items?itemName…
10. Live Server
Live Server extension provides the live preview of your web application right within the editor.
This is very handy and useful for the front end developers.
marketplace.visualstudio.com/items?itemName…
Live Server extension provides the live preview of your web application right within the editor.
This is very handy and useful for the front end developers.
marketplace.visualstudio.com/items?itemName…
11. Debugger for Chrome
This extension brought the powerful chrome debugger right into the visual studio code.
It is very useful for front-end developers to perform the testing and debugging.
marketplace.visualstudio.com/items?itemName…
This extension brought the powerful chrome debugger right into the visual studio code.
It is very useful for front-end developers to perform the testing and debugging.
marketplace.visualstudio.com/items?itemName…
12. Better Comments
This extension helps you to create more human-friendly and easy-to-read comments.
marketplace.visualstudio.com/items?itemName…
This extension helps you to create more human-friendly and easy-to-read comments.
marketplace.visualstudio.com/items?itemName…
13. Code time
This extension tracks your development time and provides you with useful stats such as how many hours you have code today etc.
marketplace.visualstudio.com/items?itemName…
This extension tracks your development time and provides you with useful stats such as how many hours you have code today etc.
marketplace.visualstudio.com/items?itemName…
14. Polacode
We can use this extension to create a beautiful code polaroid and share it.
marketplace.visualstudio.com/items?itemName…
We can use this extension to create a beautiful code polaroid and share it.
marketplace.visualstudio.com/items?itemName…
That's all for this thread. If you found this thread useful, please consider:
💛 Liking these tweets
🔁 Retweet the first tweet so others can see it.
👤 Following me ( @SauravPurohit4 ) for more content.
Thanks for reading. 🙏
💛 Liking these tweets
🔁 Retweet the first tweet so others can see it.
👤 Following me ( @SauravPurohit4 ) for more content.
Thanks for reading. 🙏
• • •
Missing some Tweet in this thread? You can try to
force a refresh
