- 打开设置窗口,配置node,eslint,.eslintre文件的路径
- 配置好后在项目文件中右键菜单中会多出一个“Fix ESlint Problems”的选项,点击该选项就会根据eslint的配置自动格式化文件
- 设置“Fix ESlint Problems”的快捷键操作,我这里设置的是“control + command + l”组合键,设置好之后在当前编辑的文件中按下“control + command + l”组合键,就会自动格式化代码了
- 配置完eslint后在书写过程中不符合eslint的配置的就会直接出现红色波浪线的错误提示,这样在编写过程中就能发现哪里不符合要求了,而不是等写完再统一验证;因为在格式会有很多不符合eslint规范而报红的情况,在修改时可以先格式化一下代码,排除掉因书写格式不对而报红的代码,然后在修改其他类型的错误;
- 配置完eslint会发现整个项目的文件都会做校验,有些文件或者旧的代码并不想做校验怎么办?不用担心,只需要在项目中新建一个.eslintigoner文件,把不需要eslint校验的文件、文件夹路径配置进去好了;
- 上面是通过编辑器校验代码的方式,eslint还可以通过命令行来校验代码:
npm eslint --fix --ext .js,.vue src
.js,.vue 是要检查的文件后缀名
src 是检查的文件夹路径