webstorm配置eslint使用

1.点击settings->pluings ->搜索eslint-> Install安装2.安装好之后，找到settings中ESLint，选中，就会进入配置页面，勾选Enable->第一项配置自己安装nodejs目录下node.exe,第二项配置当前项目中node_modules/.bin目录下的eslint.cmd，第三项改成.eslintrc.js3....

努力奋斗GO

3012人浏览 · 2019-12-23 21:45:48

努力奋斗GO · 2019-12-23 21:45:48 发布

1.点击settings->pluings ->搜索eslint-> Install安装

2.安装好之后，找到settings中ESLint，选中，就会进入配置页面，勾选Enable->第一项配置自己安装nodejs目录下node.exe,第二项配置当前项目中node_modules/.bin目录下的eslint.cmd，第三项改成.eslintrc.js

3.打开 seeting->code style->inspections, 在右边找到JavaScript->Code quality tools,将ESLint都勾上

3.点击Apply应用，点击ok就行了

特别说明： 如果有的项目没有配置eslint，当前项目可以选择关闭，即把enable选中状态取消掉

4.使用可以在菜单栏下的code->ESlint Fix 修复，也可以设置快捷键，如下：
点击keyMap->搜索eslint->选中fix eslint problems->右键Add Keyboard ShortCut ,摁住Alt + X 键以后使用alt + x 就可以直接进行eslint修复了