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

今天给一个项目添加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 YAMLDeprecated格式的，

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

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

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

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

配置完没生效请重启vscode

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

vscode的eslint无效_vscode配置eslint自动保存功能不生效相关推荐

vscode的eslint无效_VSCode配置eslint
在Vue.js项目中,使用的是eslint检查. 而在我写完代码后,cnpm run dev运行命令...然后悲剧了,一大堆报错!╮(╯▽╰)╭ 安装插件:Vetur:这是vscode上一个vue.j ...
vscode 新版eslint自动修复_VSCODE 配置eslint规则和自动修复
全局安装eslint 打开终端,运行npm install eslint -g全局安装ESLint. vscode安装插件 vscode 扩展设置依次点击文件 > 首选项 > 设置 { ...
Qt编写的CAN通信调试工具源代码支持吉阳光电CAN盒和致远周立功USB转CAN卡，带多线程接收可完成标准和扩展CAN帧YID发送和接收，带配置参数自动保存，定时发送，帧类型选择，文本和十六进制等
Qt编写的CAN通信调试工具源代码支持吉阳光电CAN盒和致远周立功USB转CAN卡,带多线程接收可完成标准和扩展CAN帧YID发送和接收,带配置参数自动保存,定时发送,帧类型选择,文本和十六进制等. ...
使用文档自动保存功能
使用文档自动保存功能也许大家在工作中遇到过这样的问题,那就是在你编辑文档并没有保存的时候,比如说使用word或者wps.突然停电了!(我就遇到过这种情况,而且还造成了公司 ...
iPhone 13或有8款配色；vivo百万年薪招工程师；特斯拉新增行车记录视频紧急情况自动保存功能|极客头条...
「极客头条」-- 技术人员的新闻圈! CSDN 的读者朋友们早上好哇,「极客头条」来啦,快来看今天都有哪些值得我们技术人关注的重要新闻吧. 整理 | 孙胜出品 | CSDN(ID:CSDNnews) ...
极客日报：iPhone 13或有8款配色；vivo百万年薪招工程师；特斯拉新增行车记录视频紧急情况自动保存功能
一分钟速览新闻点! 鸿海郑州厂招工赏金翻倍,为新 iPhone 备货加码华为获亲属识别专利授权,可挖掘人脸图像的遗传特征腾讯申请微博商标被驳回抖音回应腾讯投诉:已下架视频超 8000 个 viv ...
富文本编辑器宽度自适应及取消自动保存功能
1.富文本编辑器宽度自适应设置初始化富文本编辑器是设置属性 initialFrameWidth: '100%' 2.富文本编辑器取消自动保存功能在ueditor.all.js中找到 UE.reg ...
计算机word保存如何操作,怎么开启电脑word中的自动保存功能
怎么开启电脑word中的自动保存功能腾讯视频/爱奇艺/优酷/外卖充值4折起当我们在使用word处理文档的时候,为了防止意外导致的文档内容消失,我们可以选择使用自动保存功能,具体应如何设置呢?接下 ...
开启Excel的自动保存功能(转)
开启Excel的自动保存功能(转) 进入夏季用电高峰时期后,笔者单位的电闸不时出现跳闸.这下可忙坏了几个搞统计的同事:有时辛辛苦苦将数据录入Excel中,却在突然断电中消失殆尽,只得从头重新录入 ...

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

vscode的eslint无效_vscode配置eslint自动保存功能不生效相关推荐

最新文章

热门文章