Webstorm之ESLint自动修复

青旅半醒 2023-10-08 10:52 35阅读 0赞

## ESLint自动修复 ##

针对上一篇的errors potentially fixable with the `--fix` option.报错问题，我提到给你的编辑器里装一个eslint 插件。这一 篇我就说一下这个插件怎么安装

我们先看一下安装之后的效果  
![在这里插入图片描述][20191217144520212.gif]

### 步骤 ###

#### 1. 安装插件 ####

npm i -g eslint

#### 2.安装成功之后打开 ####

这个是mac版（提示：mac版打开sittings 的快捷键是commed+，）  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dpdGh1Yl8zODMzNjkyNA_size_16_color_FFFFFF_t_70]  
这个是win版  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dpdGh1Yl8zODMzNjkyNA_size_16_color_FFFFFF_t_70 1]  
最后点击Apply应用，点击ok就行了  
使用可以在菜单栏下的code->ESlint Fix 修复  
或则可以添加快捷键

[20191217144520212.gif]: https://img-blog.csdnimg.cn/20191217144520212.gif
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dpdGh1Yl8zODMzNjkyNA_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20191217145710475.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dpdGh1Yl8zODMzNjkyNA==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dpdGh1Yl8zODMzNjkyNA_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20191217145854848.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dpdGh1Yl8zODMzNjkyNA==,size_16,color_FFFFFF,t_70

发表评论取消回复

表情：

评论列表（有 0 条评论，35人围观）

还没有评论，来说两句吧...

相关阅读

相关 vscode eslint vue 保存自动修复

问题接受一个vue项目，download下代码后愉快地写了个界面。然后跑起来，eslint抛了一堆书写不规范的错误，主要有2个 * Expected " " ...

太过爱你忘了你带给我的痛/ 2024年04月17日 05:46/ 0 赞/ 85 阅读

相关 Webstorm之ESLint自动修复

ESLint自动修复针对上一篇的errors potentially fixable with the `--fix` option.报错问题，我提到给你的编辑器里装一

青旅半醒/ 2023年10月08日 10:52/ 0 赞/ 36 阅读

相关 VScode 自动修复vue项目中eslint报错

解决方法：用模块vue-admin-template的解决方法[https://blog.csdn.net/dengdengchen/article/details/92

╰+哭是因爲堅強的太久メ/ 2023年06月10日 10:26/ 0 赞/ 21 阅读

相关 webstorm 中使用ESLint细节

1、格式化代码后，import右边位置， ESLint提示缩进错误 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shad

素颜马尾好姑娘i/ 2023年05月30日 12:58/ 0 赞/ 22 阅读

相关 WebStorm&ESLint

版本：2020.03 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4u

电玩女神/ 2022年12月27日 14:05/ 0 赞/ 164 阅读

相关 eslint自动修复的package.json配置

{ "name": "app", "version": "1.0.0", "main": ".eslintrc.js",

ゞ浴缸里的玫瑰/ 2022年12月08日 04:28/ 0 赞/ 200 阅读

相关 vsCode配置ESlint自动格式化、修复代码

1.使用vscode安装 eslint + vuter + prettier自动格式化代码配置; 2.文件—首选项—设置—用户设置>搜索"settings" 找到并点击“在

梦里梦外;/ 2022年11月11日 05:22/ 0 赞/ 731 阅读

相关 eslint 报错自动修复命令

eslint 报错自动修复命令ｐｏｗｅｒｓｈｅｌｌ新开窗口 npm run lint or yarn lint ![在这里插入图片描述][w

忘是亡心i/ 2022年08月28日 07:44/ 0 赞/ 284 阅读

相关 WebStorm、IDE、VSCode集成Eslint

> VSCode插件大法好。 > 简单可执行的方案，直接安装 VSCode ESlint 插件，提示、修复不合规代码。 > 下面内容都是过时的。忽略忽略~ 目的

一时失言乱红尘/ 2022年04月12日 08:09/ 0 赞/ 331 阅读

相关 VScode 自动修复vue项目中eslint报错

1、安装插件 eslint-plugin-vue npm i -g eslint-plugin-vue 2、修改项目跟路径下的文件：.eslintrc | .esl

r囧r小猫/ 2022年04月08日 14:48/ 0 赞/ 1180 阅读