Best VS Code extensions for Front End Dev

VsCode extensions are the backbone on the text editor. You can add language, keymaps, plugins, debuggers and many other tools by the help of extension. Here are some useful or “Must have” extensions for front end dev like me 🙂

Javascript Co…


This content originally appeared on DEV Community and was authored by Asif

VsCode extensions are the backbone on the text editor. You can add language, keymaps, plugins, debuggers and many other tools by the help of extension. Here are some useful or "Must have" extensions for front end dev like me :)

Javascript Code Snippet

JS SNIPPET
This extension contains code snippets for JavaScript in ES6 syntax for Vs Code editor (supports both JavaScript and TypeScript).

Polacode

Need asthetic screenshots of your code like this one ?

Polacode GIf

Polacode is here for you.

Polacode sample

All Autocomplete

All autocomplete GIF

The best autocomplete to save your time !

Better Comments

Better comments

Make more human friendly and readable comments.

Auto Import - ES6, TS, JSX, TSX

Auto import GIF

Automatically finds, parses and provides code actions and code completion for all available imports. Works with JavaScript (ES6) and TypeScript (TS)

Auto Rename Tag

auto rename tags

Automatically rename HTML tags.

Bracket Pair Colorizer 2

Bracket colorizor

This indetifies the matching brackets and colorizing to identify easily.

Code Runner

Code runner
Runs any code !

Code Spell Checker

Spell checker gif

check your english spellings in the code

ES7 React/Redux/GraphQL/React-Native snippets

React snippet

JavaScript and React/Redux snippets in ES7+ with Babel plugin features for VS Code.

Google Fonts

Google fonts gif
Browse google fonts from VSCode and also get the CSS import instantly.

Live Server

Live server GIF

This browser add-on is an extension for a developer tool in VS Code editor (Live Server). With this add-on installed, along with the VS Code extension, it gives you a functionality to automatically update your website on save; for other files than just .htm and .html.

Import Cost

Import Cost

This extension will display inline in the editor the size of the imported package. The extension utilizes webpack with babili-webpack-plugin in order to detect the imported size

Tokyo night (theme)

Tokyo nights

My favourite syntax theme in vscode. :3 :3

?? THE END ??


This content originally appeared on DEV Community and was authored by Asif


Print Share Comment Cite Upload Translate Updates
APA

Asif | Sciencx (2021-08-25T10:57:17+00:00) Best VS Code extensions for Front End Dev. Retrieved from https://www.scien.cx/2021/08/25/best-vs-code-extensions-for-front-end-dev/

MLA
" » Best VS Code extensions for Front End Dev." Asif | Sciencx - Wednesday August 25, 2021, https://www.scien.cx/2021/08/25/best-vs-code-extensions-for-front-end-dev/
HARVARD
Asif | Sciencx Wednesday August 25, 2021 » Best VS Code extensions for Front End Dev., viewed ,<https://www.scien.cx/2021/08/25/best-vs-code-extensions-for-front-end-dev/>
VANCOUVER
Asif | Sciencx - » Best VS Code extensions for Front End Dev. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/08/25/best-vs-code-extensions-for-front-end-dev/
CHICAGO
" » Best VS Code extensions for Front End Dev." Asif | Sciencx - Accessed . https://www.scien.cx/2021/08/25/best-vs-code-extensions-for-front-end-dev/
IEEE
" » Best VS Code extensions for Front End Dev." Asif | Sciencx [Online]. Available: https://www.scien.cx/2021/08/25/best-vs-code-extensions-for-front-end-dev/. [Accessed: ]
rf:citation
» Best VS Code extensions for Front End Dev | Asif | Sciencx | https://www.scien.cx/2021/08/25/best-vs-code-extensions-for-front-end-dev/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.