Visual Studio Code (Microsoft)

code.visualstudio.com

Add ESLint & Prettier to VS Code for a Create React App
https://www.youtube.com/watch?v=bfyI9yl3qfE

Visual Studio Code Settings:

{
    "eslint.enable": true
    "editor.fontSize": 26,
    "editor.tabSize": 2,
    "editor.wordWrap": "on",
    "terminal.integrated.fontSize": 26,
    "emmet.includeLanguages": {
        "javascript": "javascriptreact"
    },
    "emmet.syntaxProfiles": {
        "javascript": "jsx",
        "javascript": "html"
    },
    "editor.formatOnSave": true,
    "files.autoSave": "afterDelay",
    "files.autoSaveDelay": 10000,
    "prettier.singleQuote": true
}

Visual Studio Code Plugins:

• ESLint
• Prettier - Code formatter
• GitLens
• Bracket Pair Colorizer
• Live Server
• Node.js Modules Intellisense
• Simple React Snippets

React:

• ES7 React/Redux/React-Native/JS snippets

Vue:

• Vetur

GraphQL:

• GraphQL for VSCode (Kumar)

Docker:

• docker