vscode运行vue项目时eslint报错

vscode运行vue项目时eslint报错

1、安装插件 eslint-plugin-vue

npm i -g eslint-plugin-vue

2、修改项目跟路径下的文件:.eslint.JS

添加vue选项

vscode运行vue项目时eslint报错

3、添加eslint 和 vetur 插件,直接在插件库中下载

立即学习前端免费学习笔记(深入)”;

vscode运行vue项目时eslint报错

4、修改vscode首选项配置

【汉化版 文件>首选项>设置找到对应的配置文件】

【英文版 file>preferences>setting找到对应的配置文件】

【找到配置文件添加如下代码】

"eslint.autoFixOnSave": true, "eslint.validate": [     "javascript",{         "language": "vue",         "autoFix": true     },"html",     "vue" ],

vscode运行vue项目时eslint报错

5、配置完成,重启vscode,在保存时就会自动修复eslint的报错

推荐教程:vscode教程

以上就是

© 版权声明
THE END
喜欢就支持一下吧
点赞12 分享