Skip to content
| Marketplace
Sign in
Visual Studio Code>Extension Packs>Javascript-EssentialsNew to Visual Studio Code? Get it now.
Javascript-Essentials

Javascript-Essentials

Gydunhn

|
165,426 installs
| (1) | Free
Javascript essential extensions for visual studio code
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

JavaScript Essentials - Extension Pack for Visual Studio Code

Badge for version for Visual Studio Code extension Installs Downloads Rating

This extension pack for Visual Studio Code adds extensions that are useful for JavaScript projects. I reserve the right to update the extensions pack contents up to my own discretion. This extension is for my personal use, I think it's great if it works for other people too.

Reasons

The [JavaScript Essentials extension pack] was made to automate and standardize the installation phase of the essential JavaScript extensions for Visual Studio Code every time a new member joins the team, or one of them restores a laptop, or exchanges it for a new one.

See the CHANGELOG for the latest changes

settings.json

It is strongly recommended that these settings be used in your workspace. You must copy and paste them, and if you need to adjust something you will already know where to do it.

{
    /**
     * JavaScript Essentials Config
     */
    // General JavaScript Settings
    "[javascript]": {
        "editor.defaultFormatter": "vscode.typescript-language-features"
    },
    "javascript.format.enable": true,
    "javascript.format.semicolons": "insert",
    "javascript.preferences.quoteStyle": "single",
    // ESLint Settings
    "eslint.enable": true,
    "eslint.codeAction.showDocumentation": {
        "enable": true
    },
    "eslint.codeAction.disableRuleComment": {
        "enable": true,
        "location": "sameLine"
    },
    // npm Intellisense Settings
    "npm-intellisense.importES6": true,
    "npm-intellisense.importQuotes": "'",
    "npm-intellisense.importLinebreak": ";\r\n",
    "npm-intellisense.importDeclarationType": "const",
    // Visual Studio IntelliCode Settings
    "editor.suggestSelection": "first",
    "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
    // Debugger for Firefox Settings
    "firefox.keepProfileChanges": false,
    "firefox.port": 6000,
    "firefox.reloadOnChange": true
}

If you are using the VSC-Essentials extension pack additionally, you can see the complete settings file here (settings.json)

Consider that if you would rather use ESLint as the default code formatter, rather than the one that comes with VSCode, you will need to change this setting in your settings.json file:

"[javascript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
},

For this other one:

"[javascript]": {
    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
},

As far as using the Debugger for Firefox entails, I highly recommend reading its documentation in order to get a full debugging experience.

Note

The VSC-Essentials project was used as a template for this one. And it is highly recommended that it be installed in conjunction with this pack.

Included

This extension pack includes the following extensions:

Extension Stats
VSC-Essentials-Core Badge for version for Visual Studio Code extension Installs Rating
ESLint Badge for version for Visual Studio Code extension Installs Rating
npm Intellisense Badge for version for Visual Studio Code extension Installs Rating
Visual Studio IntelliCode Badge for version for Visual Studio Code extension Installs Rating
JavaScript (ES6) code snippets Badge for version for Visual Studio Code extension Installs Rating
Backticks Badge for version for Visual Studio Code extension Installs Rating
Debugger for Firefox Badge for version for Visual Studio Code extension Installs Rating
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft