登录  /  注册
首页 > 开发工具 > VSCode > 正文

vscode运行vue项目时eslint报错

王林
发布: 2019-11-14 15:41:52
原创
3682人浏览过

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教程

以上就是vscode运行vue项目时eslint报错的详细内容,更多请关注php中文网其它相关文章!

智能AI问答
PHP中文网智能助手能迅速回答你的编程问题,提供实时的代码和解决方案,帮助你解决各种难题。不仅如此,它还能提供编程资源和学习指导,帮助你快速提升编程技能。无论你是初学者还是专业人士,AI智能助手都能成为你的可靠助手,助力你在编程领域取得更大的成就。
相关标签:
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
关于CSS思维导图的课件在哪? 课件
凡人来自于2024-04-16 10:10:18
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号