DEV Community

Moiz
Moiz

Posted on

Best VS Code Extensions in 2022

4f0ac3e0-visual_studio_code.png
Visual studio code is the most popular code editor build by Microsoft, javascript, typescript, HTML and CSS, is actually the technologies used to build this great product. so let us mention some of it is best extensions :

1- Tailwind CSS IntelliSense

tailwindcss-opacity-min.jpeg

Tailwind CSS IntelliSense enhances the Tailwind development experience by providing Visual Studio Code users with advanced features such as autocomplete, syntax highlighting, and linting.

**Install **923,386 +

Features

Autocomplete

Intelligent suggestions for class names, as well as CSS function and directives.

autocomplete.png

Linting

Highlights errors and potential bugs in both your CSS and your markup.

linting.png

Hover Preview

See the complete CSS for a Tailwind class name by hovering over it.

hover.png

CSS Syntax Highlighting

Plus you can see that Tailwind features are highlighted correctly.

2- Prettier

icon.png
Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.

install 18,448,023 +

How To Format

just select some code and right click or just right click then chose format with prettier, and you will see a nice code makes you looks like a pro, but of course your are a pro :)

Screen Shot 2022-02-06 at 3.32.07 PM.png

3- ES7+ React/Redux/React-Native snippet

react.png
React snippets are how you can speed up your workflow. It is the ways to save your time when coding.
After installing the VS Code Extension (may have to restart VS Code?), you can use the snippets by typing the shortcut and hitting Tab or Enter.

install 4,447,249 +

The Snippets

imr

to import react, but with react v17 may you do not need this :)

rmi.png

fre

to create for each iteration

fre.png

rfc

to create react functional component

rfc.png

and much more

https://github.com/dsznajder/vscode-react-javascript-snippets/blob/HEAD/docs/Snippets.md

Top comments (0)