Skip to content

README

Useful extensions for JS/TS development.

Included extensions

JavaScript/TypeScript

Latest TypeScript and Javascript Grammar: https://marketplace.visualstudio.com/items?itemName=ms-vscode.typescript-javascript-grammar
- This is development branch of VSCode JS/TS colorization. Please file any issues you find against https://github.com/Microsoft/TypeScript-TmLanguage/issues
TSLint: https://marketplace.visualstudio.com/items?itemName=ms-vscode.vscode-typescript-tslint-plugin
- TSLint support for Visual Studio Code
TypeScript Hero: TypeScript Hero
- Additional toolings for typescript
TypeScript Importer: https://marketplace.visualstudio.com/items?itemName=pmneo.tsimporter
- Automatically searches for TypeScript definitions in workspace files and provides all known symbols as completion item to allow code completion.
Auto Import: https://marketplace.visualstudio.com/items?itemName=steoates.autoimport
- Automatically finds, parses and provides code actions and code completion for all available imports. Works with Typescript and TSX
Move TS - Move TypeScript files and update relative imports: https://marketplace.visualstudio.com/items?itemName=stringham.move-ts
JavaScript Booster: https://marketplace.visualstudio.com/items?itemName=sburg.vscode-javascript-booster
- Boost your productivity with advanced JavaScript refactorings and commands
Paste JSON as Code: https://marketplace.visualstudio.com/items?itemName=quicktype.quicktype
- Copy JSON, paste as Go, TypeScript, C#, C++ and more.

For npm

npm: https://marketplace.visualstudio.com/items?itemName=eg2.vscode-npm-script
- npm support for VS Code
npm Intellisense: https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense
- Visual Studio Code plugin that autocompletes npm modules in import statements
Npm Dependency: https://marketplace.visualstudio.com/items?itemName=howardzuo.vscode-npm-dependency
- Update dependencies/devDependencies for specific package.json
Depcheck: https://marketplace.visualstudio.com/items?itemName=juliensanmartin.vscode-depcheck
- Highlight unused dependencies in your package.json
npm Dependency Links: https://marketplace.visualstudio.com/items?itemName=herrmannplatz.npm-dependency-links
- Go to npm site of your dependencies
Version lens: https://marketplace.visualstudio.com/items?itemName=pflannery.vscode-versionlens
- Shows the latest version for each package using code lens
Search node_modules: https://marketplace.visualstudio.com/items?itemName=jasonnutter.search-node-modules
- Quickly search the node_modules folder.

Tools

Path Intellisense: https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense
- Visual Studio Code plugin that autocompletes filenames
Prettier - Code Formatter: https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
- Code formatter using prettier
ESLint: https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint
- Integrates ESLint JavaScript into VS Code.
Jest: https://marketplace.visualstudio.com/items?itemName=Orta.vscode-jest
- Best integration for Jest in VS Code
Jest Runner: https://marketplace.visualstudio.com/items?itemName=firsttris.vscode-jest-runner
- Simple way to run or debug a single (or multiple) tests from context-menu
Import Cost: https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost
- Display import/require package size in the editor

Snippets

Jest Snippets: https://marketplace.visualstudio.com/items?itemName=andys8.jest-snippets
- Code snippets for testing framework Jest