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 :
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.
Linting
Highlights errors and potential bugs in both your CSS and your markup.
Hover Preview
See the complete CSS for a Tailwind class name by hovering over it.
CSS Syntax Highlighting
Plus you can see that Tailwind features are highlighted correctly.
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 :)
3- ES7+ React/Redux/React-Native snippet
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 :)
fre
to create for each iteration
rfc
to create react functional component
and much more
https://github.com/dsznajder/vscode-react-javascript-snippets/blob/HEAD/docs/Snippets.md
Top comments (0)