wip: My VS Code Settings

my_vs_code_settings.md

• Install VS Code extentions: Vim, Vetur, Prettier, ESLint etc...
• Enable key-repeating: https://github.com/VSCodeVim/Vim#mac

Update settings.json

{
  "editor.formatOnSave": true,
  "editor.wordWrap": "on",
  "editor.insertSpaces": true,
  "editor.detectIndentation": false,
  "editor.minimap.enabled": false,
  "files.trimTrailingWhitespace": true,
  "go.useLanguageServer": true,
  "vim.useSystemClipboard": true,
  "editor.tabSize": 2, // default tab Size
  // Ref. https://github.com/prettier/prettier-vscode#format-on-save
  "eslint.lintTask.enable": true,
  "eslint.autoFixOnSave": true, // NOTE: Don't enable js framework's linter. Let VS Code fix codes instead.
  "eslint.lintTask.options": " --ext .js,.vue --ignore-path .gitignore . --fix",
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    { "language": "typescript", "autoFix": true },
    { "language": "typescriptreact", "autoFix": true },
    { "language": "vue", "autoFix": true }
  ],
  "[javascript]": {
    "editor.tabSize": 2,
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[typescriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[json]": {
    "editor.tabSize": 2
  },
  "terminal.integrated.rendererType": "dom",
  "window.zoomLevel": 0,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "editor.suggestSelection": "first",
  "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
  "editor.formatOnPaste": false,
  "editor.formatOnType": false
}

yarn global add eslint
yarn global add prettier