vscode 自动 eslint 校验

Posted 2023-03-08

参考技术A 在对 Element-UI 二次开发之前，先配置了 vscode 的 eslint 校验，走了一些弯路，这里记录一下。

如果用 ts，eslint.validate 里再加入 typescript``typescriptreact
如此，校验修复的事情不再让 prettier 和 vetur 来插手，纯正的 eslint 规则。（想要 prettier 的话其实作为 eslint 的插件来引入使用会更方便）

同样的 vscode，同样的 settings.json，在另一个项目里 eslint 的自动校验竟然没有生效，怎么回事？
发现在文件开头 import 下面有红色波浪线，显示：

提示我 eslint 没有开启。
View -> appearance -> show status bar 打开 vscode 的底部状态栏，果然 eslint 显示禁用，点击后选择 Allow Everywhere 即可。

附 vscode 快捷指令：
command + shift + p 打开指令输入框。
输入 open settings 打开设置文件。
一些设置更改了以后要重启才生效，实际上输入 reload window 重新加载窗口即可。