Rumah  >  Artikel  >  alat pembangunan  >  vscode运行vue项目时eslint报错

vscode运行vue项目时eslint报错

王林
王林asal
2019-11-14 15:41:523931semak imbas

vscode运行vue项目时eslint报错

1、安装插件 eslint-plugin-vue

npm i -g eslint-plugin-vue

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

添加vue选项

1194da7008429deffffcbd39cf88d8d.png

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

d87fe4324d03497b3d5f64ecd5c2e80.png

4、修改vscode首选项配置

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

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

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

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

cafa2e81b0df93bdde7395232925595.png

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

推荐教程:vscode教程

Atas ialah kandungan terperinci vscode运行vue项目时eslint报错. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn