配置VSCode開發Vue項目

一、安裝VSCode、NodeJS

VSCode：https://code.visualstudio.com/

NodeJS：https://nodejs.org/en/

二、打開VSCode，安裝常用插件

如圖所示（安裝后重新加載即可）:

三、項目中添加.vscode文件夾，文件夾中添加setting.json項目設置文件

{
    "eslint.autoFixOnSave": true,
    "eslint.validate": [
      "javascript",
      "javascriptreact",
      {
        "language": "html",
        "autoFix": true
      },
      {
        "language": "vue",
        "autoFix": true
      }
    ],
    "prettier.eslintIntegration": true,
    "search.exclude": {
      "**/dist": true
    },
    "vetur.validation.template": false
}

貌似.vscode文件夾不好創建，直接上附件

一頓簡單的操作后，我們便可以猛如虎的玩轉VSCode了。