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