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就配置完成了

总结

上述文章如果出现问题欢迎大家批评指正！！！