配置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了。