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