VSCode config

vscode-config.md

Visual Studio Code Configuration Prefs

This is a collection of vscode configuration settings that I've found useful.

Plugins

• ESLint - javascript linting
• Prettier - opinionted code formatter
• vscode-styled-components - this is growing on me
• vscode-styled-components-snippets
• Simple React Snippets

User Settings

The eslint and prettier settings are configured to make the two tools work together. Let eslint invoke prettier to take care of js and prettier can directly handle the other file types it knows about.

{
    "workbench.startupEditor": "newUntitledFile",
    "emmet.includeLanguages": "javascriptreact",
    "emmet.triggerExpansionOnTab": true,
    "editor.minimap.enabled": true,
    "editor.tabSize": 2,
    "files.autoSave": "onFocusChange",
    "[javascript]": {
        "editor.formatOnSave": false
    },
    "editor.formatOnSave": true,
    "eslint.autoFixOnSave": true,
    "eslint.alwaysShowStatus": true,
    "prettier.disableLanguages": [
        "js"
    ],
}