配置VSCode开发Vue项目

一世执手 提交于 2020-03-11 19:42:51

一、安装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了。

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!