貼一下我在寫(xiě) vue 時(shí)候的 vscode 的配置過(guò)程，ESlint 是建議的

1. 需插件安裝

• Vetur : 語(yǔ)法高亮等功能
• ESlint : 代碼風(fēng)格檢測(cè)
• Prettier formatter for Visual Studio Code: 為了配合 ESlint

2. 插件設(shè)置

• vue 的模板格式化：
  "vetur.format.defaultFormatter.html":"js-beautify-html"
• vue 模板的 eslint 校驗(yàn)

    "eslint.validate": [
        "javascript",
        "javascriptreact",
        "html",
        "vue",
        {
            "language": "html",
            "autoFix": true
        }
    ]

• Prettier 設(shè)置去除不必要空格："prettier.semi": false
• Prettier 設(shè)置格式化后"變'："prettier.singleQuote": true
• 在 vscode 中排除 node_modules 等文件夾：

"files.exclude": {
    "**/.git": true,
    "**/.svn": true,
    "**/.hg": true,
    "**/CVS": true,
    "**/.DS_Store": true,
    "**/node_modules": true,
    "**/package-lock.json": true,
},

• 以新行結(jié)束

"html.format.endWithNewline": false

完整的 vue 相關(guān)用戶(hù)設(shè)置如下

"files.exclude": {
    "**/.git": true,
    "**/.svn": true,
    "**/.hg": true,
    "**/CVS": true,
    "**/.DS_Store": true,
    "**/node_modules": true,
    "**/package-lock.json": true
},
"vetur.format.defaultFormatter.html": "js-beautify-html",
"editor.formatOnSave": true,
"prettier.semi": false,
"prettier.singleQuote": true,
"html.format.endWithNewline": true,
"eslint.validate": [
    "javascript",
    "javascriptreact",
    "html",
    "vue",
    {
        "language": "html",
        "autoFix": true
    }
]

"prettier.singleQuote": true,
"prettier.semi": false,
"javascript.format.insertSpaceBeforeFunctionParenthesis": true,
"vetur.format.defaultFormatter.js": "vscode-typescript",
"vetur.format.defaultFormatter.html": "js-beautify-html",
"vetur.format.defaultFormatterOptions": {
    "wrap_attributes": "force-aligned"
},

這是自己搜索到的，復(fù)制這個(gè)配置，重啟后，我的需求基本滿(mǎn)足了。