best vs code setup | extraordinary vscode setup ideas for coding

HELLO EVERYONE

I've used a lot of ideas and code editors since i started coding from my collage to first job, python's, idle PyCharm, notepad++, visual studio and android studio and vscode.

but I felt more satisfied when I used vs code in my first job due to the reason it's light, fast and has many useful extensions.

BEST FONTS

fira code

Designed by The Mozilla Foundation, Telefonica S.A., Nikita Prokopov

download link 👉https://fonts.google.com/specimen/Fira+Code

monaco fonts

Uploaded by Pndes Gndes 𑁋 (1 Style)

download link👉Monaco Font : Download Free for Desktop & Webfont (cufonfonts.com)

monalisa fonts

MonoLisa is designed by Marcus Sterz, a professional typeface designer and co-founder of FaceType foundry, in collaboration with software developers Andrey Okonetchnikov and Juho Vepsäläinen who contributed their vast expertise in programming.

download link 👉MonoLisa - font follows function

THEMES

material theme 

The most epic theme now for Visual Studio Code.

download link👉https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-material-theme

GITHUB THEME

GitHub theme for VS Code

download link👉  https://marketplace.visualstudio.com/items?itemName=GitHub.github-vscode-theme

3.LASERWAVE THEME

Retro outrun syntax theme

download link👉https://marketplace.visualstudio.com/items?itemName=jaredkent.laserwave

4.ONE DARK PRO

Atom's iconic One Dark theme for Visual Studio Cod

download link👉https://marketplace.visualstudio.com/items?itemName=zhuangtongfa.Material-theme

5.SHADES OF PURPLE

🦄 A professional theme suite with hand-picked & bold shades of purple for your VS Code editor and terminal apps. One of the excellent, most downloaded, and top-rated VSCode Themes on the marketplace.

download link👉https://marketplace.visualstudio.com/items?itemName=ahmadawais.shades-of-purple

EXTENSIONS

1. AUTO IMPORT

Automatically finds, parses and provides code actions and code completion for all available imports. Works with Typescript and TSX

DOWNLOAD LINK👉https://marketplace.visualstudio.com/items?itemName=steoates.autoimport

2.AUTO RENAME TAG

Auto rename paired HTML/XML tag, This works in JSX too.

download link👉 https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag

3.CSS PEEK

Allow peeking to css ID and class strings as definitions from html files to respective CSS. Allows peek and goto definition.

download link👉https://marketplace.visualstudio.com/items?itemName=pranaygp.vscode-css-peek

4.HIGHLIGHT MATCHING TAG

Highlights matching closing and opening tags

download link👉https://marketplace.visualstudio.com/items?itemName=vincaslt.highlight-matching-

5. INTELLISENS FOR CSS CLASS NMAES IN HTML

CSS class name completion for the HTML class attribute based on the definitions found in your workspace.

download link👉https://marketplace.visualstudio.com/items?itemName=Zignd.html-css-class-completion

6. LIVE SERVER

Launch a development local Server with live reload feature for static & dynamic pages

download link👉 https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

7. MATERIAL ICON THEME

Material Design Icons for Visual Studio Code

download link👉https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme