JavaScript Pack is a collection of essential extensions designed to boost your JavaScript development workflow. It includes the most useful tools for coding, debugging, and enhancing your JavaScript experience in Visual Studio Code.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
JavaScript Pack is an extension pack based on the most helpful extensions for JavaScript.
The pack includes:
Code Metrics - Computes complexity in TypeScript / JavaScript files.
Import Cost - Display inline in the editor the size of the imported package.
SonarLint - SonarLint is an IDE extension that helps you detect and fix quality issues as you write.
Code Spell Checker - Spelling checker for source code.
Exports Autocomplete - Autocompletes javascript module exports from your project.
Npm Intellisense - Visual Studio Code plugin that autocompletes npm modules in import statements.
Tabnine - AI Code Completion - Tabnine is an AI-powered code completion extension.
ESLint - Integrates ESLint JavaScript into VS Code.
Prettier - Code formatter - Code formatter using prettier.
Code Runner - Run JavaScript, TypeScript.
css2react - Convert the current selection between CSS and React's inline style syntax.
Image preview - Shows image preview in the gutter and on hover.
Colorful Light Theme with Dark Terminal - A light theme with colorful syntax highlighting, paired with a dark terminal for an enhanced coding experience in VS Code.
Material Icon Theme - Icons for Visual Studio Code.
Formatting Toggle - Allows you to toggle the formatter ON and OFF with a simple click.