Video tutorial
Also, read this article, here I have listed a few other extensions
Code Editor
We need a code editor to edit our code. VS code this the best code editor I have ever used.
Go to https://code.visualstudio.com/download and download it for your operating system.
Note: while you are installing it remember to checkmark all the checkbox
Extensions
Nowadays, Visual Studio Code is widely used for writing software. The editor is highly extensible, and a number of contributors have developed useful extensions to give it extra functionality. Using these tools, you can accelerate your development and enhance collaboration with your teammates. Here are some of the best extensions
1 Live Server
When I started to learn web development, I really wished this extension existed. A lightweight NodeJS server is spun up to serve the HTML file and all assets from the given directory. Furthermore, any saved changes you make to your website will be reflected immediately in the browser, creating an excellent developer experience.
2 Auto Rename Tag
3 css-auto-prefix
The goal of this tool is to eliminate the time it takes to prefix all of your CSS attributes by doing it for you as you type. Keep in mind that it does reformat the CSS attributes which are already inside a block element, but this shouldn’t be too noticeable in most cases.
4 Material Icon Theme
It makes the icon of everything pretty cool
5 Monokai++
A modern Monokai theme for Visual Studio Code which I use
6 TODO Highlight
Highlight TODO, FIXME and other annotations within your code.
Sometimes you forget to review the TODOs you’ve added while coding before you publish the code to production. So I’ve been wanting an extension for a long time that highlights them and reminds me that there are notes or things not done yet.
10. Gitlens
GitLens is an open-source extension that combines the capabilities of Git and VsCode. One of the best features of this extension, is the ability to visualize code authorship via Git blame annotations and code lens. You can also navigate in the history of a file back and forth to see the changes that were made on it. With the current-line blame you have the ability to click on a single line in the code and you can see the last commit that modified it and you also get a link to the pull request that introduced that change. Overall a really useful tool if you use git as your version control system.
I hope it was helpful for you. 😀
Don’t forget to write a nice comment which will inspire me to write more. 👇👇👇
0 Comments