首页 / VSCODE / vscode配置eslint自动保存功能不生效

vscode配置eslint自动保存功能不生效

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了vscode配置eslint自动保存功能不生效，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1080字，纯文字阅读大概需要2分钟。

内容图文

今天给一个项目添加eslint, 按照网上的教程，配置完就是不生效，半天没解决， 后来终于解决了， 在此总结，把一些坑分享出去。

1. vscode 扩展中安装eslint

技术分享图片

 2. eslint 扩展要是开启状态（开启关闭如果没生效，重启vscode即可）

技术分享图片

3.修改eslint 的 setting(配置)， 步骤如下

技术分享图片 技术分享图片

 参考我的配置，可以直接复制过去：

{
    "stylelint.enable": true,
    "eslint.options": { // 这个配置可以去掉，vscode 会自动找到根目录下的eslint配置文件， 如果配置了，名字必须对上，不然eslint检测不生效
        "configFile": ".eslintrc.json"
    },
    "eslint.validate": ["html", "vue", "javascript", "jsx"],
    // "eslint.autoFixOnSave": true,
    "emmet.syntaxProfiles": {
        "vue-html": "html",
        "vue": "html"
    },
    "editor.wordWrapColumn": 220,
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    }
}

 网上写的都是配置  "eslint.autoFixOnSave": true,  这个是老版本的配置了， 我的vscode 版本比较新， 提示要用新的配置，如下所示，

技术分享图片

意思就是把 "eslint.autoFixOnSave": true,  改为如下：

"editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
 }

4.项目根目录下添加eslint配置文件

技术分享图片 

文件可以是 JSON 格式还可以是 JavaScript  YAML Deprecated  格式的，

但是记得 必须跟上面配置的 configFile 的值对应上， 不然不生效。

 5.检查是否关闭了vscode 的 eslint 功能

如下图，这种情况下 ESLint功能是关闭的，点击一下

技术分享图片

会出现下面这个弹框， 选择是应用在当前wokrspace(工作空间) 还是全部项目下。

技术分享图片

其他相关配置可以参考 eslint官网 ： http://eslint.cn/ 

 

原文：https://www.cnblogs.com/yalong/p/13960211.html

内容总结

以上是互联网集市为您收集整理的vscode配置eslint自动保存功能不生效全部内容，希望文章能够帮你解决vscode配置eslint自动保存功能不生效所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1229304.html

来源：【匿名】