webstorm配置eslint校检

发布时间：2023-02-12 18:00

webstorm配置eslint校检

前言
一、使用步骤
- 1.安装依赖并初始化文件
- 2.配置webstorm
总结

前言

作为开发人员，在开发过程中总会编写出一些冗余和不规范的代码，这个时候我们需要用到一些工具来校检我们的代码，本人推荐使用eslint，同时在webstorm配置使用eslint校检

一、使用步骤

1.安装依赖并初始化文件

首先安装eslint

npm install eslint --save-dev

安装完成后我们开始初始化eslint配置文件

npm init @eslint/config

$\"webstorm配置eslint校检_第1张图片\"$
$\"webstorm配置eslint校检_第2张图片\"$
$\"webstorm配置eslint校检_第3张图片\"$ $\"webstorm配置eslint校检_第4张图片\"$
$\"webstorm配置eslint校检_第5张图片\"$
$\"webstorm配置eslint校检_第6张图片\"$
上述选择大家根据自己的需求来改变，博主是根据自己的vue3+vite2环境进行选择的

2.配置webstorm

点击上方File->settings,在搜索框中搜索eslint，接下来开始正式配置

$\"webstorm配置eslint校检_第7张图片\"$

$\"webstorm配置eslint校检_第8张图片\"$
按照下图中红字步骤开始配置，先选择manual eslint configuration;第二步使用eslint package，选择项目中安装的依赖，第三步，选择configuration file，选择项目根目录下的.eslintrc.js；第四步选择run eslint --fix on save；最后保存
$\"webstorm配置eslint校检_第9张图片\"$

只要如下图所示出现提示说明eslint就配置完成了
$\"webstorm配置eslint校检_第10张图片\"$

总结

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

webstorm配置eslint校检

webstorm配置eslint校检

前言

一、使用步骤

1.安装依赖并初始化文件

2.配置webstorm

总结

相关推荐