How I get up and running with VS Code

MyVSCodeSetup.md

Setup for VS Code

1. Download and Install VS Code Move to Applications folder

2. Install ESLint at cli with npm npm install -g eslint Now you can add a .eslintrc.json file to the root of your projects... Here's a good one to start with:

    {
      "no-undef": 1,
      "no-unused-vars": 1
    }
   

3. Add the ESLint extension to VS Code Hit ⌘+P buttons, then Enter ext install vscode-eslint Install the one by Dirk Baeumer

4. Install the Material Icon Theme Hit ⌘+P buttons, then Enter ext install material-icon-theme Install the one by Philipp Kief Restart VS Code Hit ⌘+P buttons, then change the File Icon Theme setting to Material

5. Your basic user settings

    {
      "files.autoSave": "afterDelay",
      "files.autoSaveDelay": 5000,
      "editor.tabSize": 2
    }
   

Autocomplete emmet as JSX/HTML in JS files (javascriptreact)

Set this in your settings (or in <project-path>/.vscode/settings.json for workspace setting only):

    {
      "emmet.includeLanguages": {
        "javascript": "javascriptreact"
      },
      "emmet.triggerExpansionOnTab": true
    }

Source: JSX or HTML autocompletion in Visual Studio Code

More Resources:

VS Code - JavaScript in VS Code

Using a jsconfig.json for project settings