w3ss / a-to-z-list-of-useful-js-vs-code-extensions

A-to-Z List of Useful JavaScript VSCode Extensions

Usefull for JavaScript Developers

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.

Extensions for development

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.

All above Extensions I have installed and use for my developement , but my Personal Favorites are:

• Leet Code

• Setting Sync

• VScode-styled-components

• Tabnine

• Quokka.js

• Liver Server

• Docker

• Git lens

• Git History

• Debugger for Chrome

• Code Runner

• Bookmark

• Beautify