javascript - vscode下开发vue项目使用eslint问题
PHP中文网
PHP中文网 2017-04-11 12:54:46
[JavaScript讨论组]

我之前使用atom开发vue项目,项目是用vue-cli创建,eslint-plugin-html、eslint-config-airbnb-base之类的都安装了,在atom上正常提示错误,但使用vscode打开该项目(已安装eslint插件),.vue文件不会进行格式错误提示,还需要安装什么呢?类似atom的language-vue的插件?

PHP中文网
PHP中文网

认证高级PHP讲师

全部回复(4)
天蓬老师

VSCode 应该是可以支持 vue 文件的 eslint 的,建议再检查以下4个地方:

  1. 工程根目录下的 .eslintrc.json 是否创建了

  2. vscode 中 eslint 插件是否加载并且启用

  3. vscode 的配置文件中 vue 文件是否关联到了 eslint

  4. eslint 的 html 插件是否正确安装

我这之前记录了个配置过程,可供题主参考:如何优雅地使用 VSCode 来编辑 vue 文件?

PHP中文网

安装好扩展之后,按照上面兄弟的方法生成 .eslintrc.json 然后到setting.json里设置

"eslint.validate": [
    "javascript",
    "javascriptreact",
    "html",
    "vue"
]

就能用了

迷茫

在项目根目录执行 eslint --init 命令试试,或者手动创建 .eslintrc.json 文件

然后打开JS文件,点击右下角的 ESLint 图标

ringa_lee

https://marketplace.visualstu...

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

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