webstorm配置eslint的方式

2,503 阅读1分钟

webstorm配置eslint的方式

  1. 选择File-->选择Settings

image.png

  1. 搜索eslint

image.png 3. 进行如图配置

image.png

  • 选择manual eslint configuration
  • 使用eslint package,选择项目中安装的依赖,配置eslint生效的范围,选择eslint生效的范围Working directories选择项目目录根目录
  • 选择configuration file,选择项目根目录下的.eslintrc.js
  • 选择run eslint --fix on save
  • 最后保存

4.配置好后,在js或vue文件中,当语法不符合时,会有红色线条提示,可直接ctrl+s保存时自动按照eslint配置规则格式化文件,或者可以在错误代码的文件中右键选择Fix Eslint Problems image.png