Note : List is in Alphabetical order
Please Fork, Star and Contribute.. Medium Link : https://medium.com/@yogendrasaxena56/a-to-z-list-of-useful-javascript-vs-code-extensions-eceb4335c493
- Use Ctrl + F or command + F to search for a module.
- Contributions are welcome.
List of Extensions needed for development.
-
Angular 8 Snippets
- Visual Studio Code TypeScript and Html snippets and code examples for Angular 2,4,5,6, 7 & 8 Beta. All code snippets are based on and follow the Angular style guide https://angular.io/docs/ts/latest/guide/style-guide.html -
Angular Files
- This extension allows quickly scaffold angular 2 file templates in VS Code project. -
Angular Language Service
- Editor services for Angular templates. -
Auto Close Tag
- Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text does. -
Auto Import
- Automatically finds, parses and provides code actions and code completion for all available imports. Works with Typescript and TSX. -
Auto Rename Tag
- Automatically rename paired HTML/XML tag, same as Visual Studio IDE does. -
Beautify
- Beautify javascript, JSON, CSS, Sass, and HTML in Visual Studio Code. -
Better Comments
- Improve your code commenting by annotating with alert, informational, TODOs, and more! -
Bookmark
- Mark lines and jump to them -
Change Case
- Quickly change the case (camelCase, CONSTANT_CASE, snake_case, etc) of the current selection or current word -
Code Navigator
- Navigate Code Back and Forward very easily -
Code Runner
- Run code snippet or code file for multiple languages: C, C++, Java, JavaScript, PHP, Python, Perl, Perl 6, Ruby, Go, Lua, Groovy, PowerShell, BAT/CMD, BASH/SH, F# Script, F# (.NET Core), C# Script, C# (.NET Core), VBScript, TypeScript, CoffeeScript, Scala, Swift, Julia, Crystal, OCaml Script, R, AppleScript, Elixir, Visual Basic .NET, Clojure, Haxe, Objective-C, Rust, Racket, Scheme, AutoHotkey, AutoIt, Kotlin, Dart, Free Pascal, Haskell, Nim, D, Lisp, Kit, and custom command -
Code Time
- Code Time is an open source plugin that provides programming metrics right in Visual Studio Code. -
Code Highlight
- Highlight web colors in your editor. -
Cypher Query Language
- Syntax highlighting for Neo4j's Cypher Query Language -
Debugger for Chrome
- Debug your JavaScript code in the Chrome browser, or any other target that supports the Chrome Debugger protocol.. -
Docker
- Adds syntax highlighting, commands, hover tips, and linting for Dockerfile and docker-compose files. -
DotENV
- Support for dotenv file syntax -
EditorConfig for VS Code
- EditorConfig Support for Visual Studio Code -
ES7 React/Redux/GraphQL/React-Native snippets
- Simple extensions for React, Redux and Graphql in JS/TS with ES7 syntax -
ESLint
- Integrates ESLint JavaScript into VS Code. -
Excel Viewer
- View Excel spreadsheets and CSV files within Visual Studio Code workspaces. -
Express Snippets
- Express Snippets for VS Code -
File Navigator
- A Visual Studio Code extension that allows easy navigation and file/folder manipulation of the filesystem via quick pick palettes. -
Git History
- View git log, file history, compare branches or commits -
Git Lens
- Supercharge the Git capabilities built into Visual Studio Code — Visualize code authorship at a glance via Git blame annotations and code lens, seamlessly navigate and explore Git repositories, gain valuable insights via powerful comparison commands, and so much more -
Guides
- An extension for more guide lines -
HTML TO Pug
- HTML to PUG VSCode extension -
IntelliSense for CSS class names in HTML
- CSS class name completion for the HTML class attribute based on the definitions found in your workspace. -
JavaScript (ES6) code snippets
- Code snippets for JavaScript in ES6 syntax. -
Jest
- Use Facebook's Jest With Pleasure. (Its a Testing Framework) -
JSON to TS
- Convert JSON object to typescript interfaces -
LeetCode
- Solve LeetCode problems in VS Code -
Live Sass Compiler
- Compile Sass or Scss to CSS at realtime with live browser reload. -
Live Server
- Launch a development local Server with live reload feature for static & dynamic pages -
markdownlint
- Markdown linting and style checking for Visual Studio Code. -
Material Icon Theme
- Material Design Icons for Visual Studio Code -
Move TS - Move TypeScript files and update relative imports
- extension for moving typescript files and folders and updating relative imports in your workspace -
Nest Comments
- This is a VSCode extension for toggling nested comments. -
Node modules resolve
- Provides definitions for commonjs requires in your code for quick navigation. -
Node.js Extension Pack
- Popular VS Code extensions for Node.js development. -
Node.js Modules Intellisense
- Autocompletes Node.js modules in import statements -
npm
- npm support for VS Code -
npm Intellisense
- Visual Studio Code plugin that autocompletes npm modules in import statements -
One Dark Pro
- Atom's iconic One Dark theme for Visual Studio Code -
Open HTML in Default Browser
- Open HTML in Default Browser -
Paste JSON as Code
- Copy JSON, paste as Go, TypeScript, C#, C++ and more. -
Path Intellisense
- Visual Studio Code plugin that autocompletes filenames -
Project Manager
- Easily switch between projects -
Quokka.js
- Live Scratchpad for JavaScript. -
Rainbow Brackets
- Provide rainbow colors for the round brackets, the square brackets and the squiggly brackets. This is particularly useful for Lisp or Clojure programmers, and of course, JavaScript, and other programmers. -
React Pure To Class
- Replaces pure functional react components with class components. Works both for JavaScript and TypeScript. -
Remote-Containers
- Open any folder inside (or mounted into) a container and take advantage of Visual Studio Code's full feature set. -
Remote-SSH
- Open any folder on a remote machine using SSH and take advantage of VS Code's full feature set. -
Remote - SSH: Editing Configuration Files
- Edit SSH configuration files -
Remote-SSH: Explorer
- Provides an explorer for SSH remotes. -
Remote - WSL
- Open any folder in the Windows Subsystem for Linux (WSL) and take advantage of Visual Studio Code's full feature set. -
Remote-Developers
- An extension pack that lets you open any folder in a container, on a remote machine, or in WSL and take advantage of VS Code's full feature set. -
REST Client
- REST Client allows you to send HTTP request and view the response in Visual Studio Code directly. -
Search node_modules
- Quickly search the node_modules folder. -
Settings Sync
- Synchronize Settings, Snippets, Themes, File Icons, Launch, Keybindings, Workspaces and Extensions Across Multiple Machines Using GitHub Gist. -
Swagger Viewer
- Swagger Viewer lets you preview and validate Swagger 2.0 and OpenAPI files as you type in Visual Studio Code. -
TabNine
- All-language autocompleter — TabNine uses machine learning to help you write code faster. -
TypeScript Hero
- STypeScript Hero is a vscode extension that makes your life easier. When you are coding a lot of TypeScript you may want vscode to organize your imports. -
Unsaved Files
- Easy access to unsaved files for vscode. -
Version Lens
- Shows the latest version for each package using code lens -
VSCode-Faker
- Generate fake data for name, address, lorem ipsum, commerce and much more -
vscode-styled-components
- Syntax highlighting and IntelliSense for styled-components.
-
Leet Code
-
Setting Sync
-
VScode-styled-components
-
Tabnine
-
Quokka.js
-
Liver Server
-
Docker
-
Git lens
-
Git History
-
Debugger for Chrome
-
Code Runner
-
Bookmark
-
Beautify