Hello, in this video I showed you the top 8 extensions including 3 themes that are the material theme, atom one dark theme, and ayu theme, with 2 fonts that are Cascadia code and Fira code fonts. If you customize your vs code according to you you can find no better option for coding than visual studio code. So, in this video, I gave you the best extensions and my personal favorites of vscode in this video.

Those included:

  1. Live server: It creates a server in which you see the output of your code and it reloads the page automatically whenever you save the page.

  2. Prettier - Code Formatter: This is a wonderful extension that automatically beautifies or formats the code as soon as you hit save on your file therefore it is named prettier the code formatter.

  3. Better comments: This extension gives a kind of new life to your comments. You see the default comments are grey, dull, and are barely visible. Now, using this extension you can handle the colors and style as you wish

  4. Auto rename tag: This is one of my favorite extensions. I often change the name of the tags, and without this tag, I had to change the name of the tag both in the opening and closing tag. But, using this I just change the name of the tag at one place and it is automatically changed in the other place.

  5. Live Sass Compiler (For sass users): This is a boon for sass users. Using this extension you can compiler your sass into CSS on the spot without doing anything other than saving your file

  6. Material theme: This is a highly rated theme recommended by many visual studio code users. Along with this, there are a bunch of awesome 🤩 themes installed when you install this theme. It comes in both dark and light themes.

  7. Atom one dark: This is also a very popular theme. This suits best to those who are switching from atom to vs code as this is exactly the same theme as that of the atom.

  8. Ayu: In my opinion, this is an underused and underrated but an excellent theme for both, the light theme lovers and the dark theme lovers. And, this is my personal favorite theme.

🌟Not included in the video:
9. Sublime Monokai: This theme is for the sublime text lovers as the theme is exactly the same as the sublime theme.

Fonts:

  1. Fira code
  2. Cascadia code

Download VS Code: https://code.visualstudio.com/
Download Fira code: https://fonts.google.com/specimen/Fira+Code?query=fira+code
Download Cascadia code: https://github.com/microsoft/cascadia-code/releases

⌛Timestamps:
0:00 Intro
0:19 Download and install Visual Studio Code
2:23 Themes (Changing appearance)
6:15 Fonts (Changing appearance)
11:45 Live Server
13:46 Prettier - Code Formatter
15:24 Better Comments
18:00 Auto rename tag
19:21 Live Sass Compiler
21:06 Outro

#visual studio code #cascadia

Top Visual Studio Code Extensions Themes and Fonts
1.60 GEEK