JavaScript Essentials - Extension Pack for Visual Studio Code

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
ESLint
npm Intellisense
Visual Studio IntelliCode
JavaScript (ES6) code snippets
Backticks
Debugger for Firefox