- 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