19

Best VS Code extensions for Front End Dev

 3 years ago
source link: https://dev.to/labib/best-vs-code-extension-for-front-end-dev-dj4
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

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

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 is here for you.

All Autocomplete

The best autocomplete to save your time !

Better Comments

Make more human friendly and readable comments.

Auto Import - ES6, TS, JSX, TSX

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

Auto Rename Tag

Automatically rename HTML tags.

Bracket Pair Colorizer 2

This indetifies the matching brackets and colorizing to identify easily.

Code Runner

Runs any code !

Code Spell Checker

check your english spellings in the code

ES7 React/Redux/GraphQL/React-Native snippets

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

Google Fonts

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

Live Server

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

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)

My favourite syntax theme in vscode. :3 :3

🎶🎶 THE END 🎶🎶


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK