webstorm配置eslint校检
前言
作为开发人员,在开发过程中总会编写出一些冗余和不规范的代码,这个时候我们需要用到一些工具来校检我们的代码,本人推荐使用eslint,同时在webstorm配置使用eslint校检
一、使用步骤
1.安装依赖并初始化文件
首先安装eslint
npm install eslint --save-dev
安装完成后我们开始初始化eslint配置文件
npm init @eslint/config
上述选择大家根据自己的需求来改变,博主是根据自己的vue3+vite2环境进行选择的
2.配置webstorm
点击上方File->settings,在搜索框中搜索eslint,接下来开始正式配置
按照下图中红字步骤开始配置,先选择manual eslint configuration;第二步使用eslint package,选择项目中安装的依赖,第三步,选择configuration file,选择项目根目录下的.eslintrc.js;第四步选择run eslint --fix on save;最后保存
只要如下图所示出现提示说明eslint就配置完成了
总结
上述文章如果出现问题欢迎大家批评指正!!!