1、安装插件 eslint-plugin-vue
npm i -g eslint-plugin-vue
2、修改项目跟路径下的文件：.eslint.js
添加vue选项
3、添加eslint 和 vetur 插件，直接在插件库中下载
4、修改vscode首选项配置
【汉化版 文件>首选项>设置找到对应的配置文件】
【英文版 file>preferences>setting找到对应的配置文件】
【找到配置文件添加如下代码】
"eslint.autoFixOnSave": true,
"eslint.validate": [
"javascript",{
"language": "vue",
"autoFix": true
},"html",
"vue"
],
5、配置完成，重启vscode，在保存时就会自动修复eslint的报错
推荐教程：vscode教程
以上是vscode运行vue项目时eslint报错的详细内容。更多信息请关注PHP中文网其他相关文章！
