vscode的eslint检查代码格式不严谨的快速修复

痛定思痛。 2024-02-05 11:38 45阅读 0赞

### 问题： ###

**原因：复制的代码，esLint检查代码格式不正确。或者写的代码位置不严谨，总是提示**

![在这里插入图片描述][0ae6c11cf32f4254b90aeb60fdd9f529.png]

### 解决 ###

设置在Ctrl + S保存时自动格式化代码

#### 1、vscode设置 ####

![在这里插入图片描述][0dd4ce141cd64559b38760277714275d.png]

#### 2、点击右上角，切换json模式 ####

![在这里插入图片描述][7a37251f7cc44dd784f95e7708c79130.png]

#### 3、添加设置 ####

"editor.codeActionsOnSave": {
        
            "source.fixAll.eslint": true
        },
        "eslint.validate": ["javascript", "vue", "html"]

![在这里插入图片描述][c40d8e593f614dcc9697a4cc27515d19.png]

#### 4、Ctrl + s 保存看效果 ####

保存后，就自动格式化了  
![在这里插入图片描述][aba242a394c243fd87a3b903116cd37d.png]

结束！  
hy:48

--------------------

莫待花开看花落，活在当下最真实。

[0ae6c11cf32f4254b90aeb60fdd9f529.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/9298cfa2696d48c59df4b7dc0264cd6e.png
[0dd4ce141cd64559b38760277714275d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/05b582e09fe8454eb7e9e515c3a966ff.png
[7a37251f7cc44dd784f95e7708c79130.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/0c999bc0a50440e49e80623a8f7d108e.png
[c40d8e593f614dcc9697a4cc27515d19.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/b13e7b82d26b402cb62ac3626fddce07.png
[aba242a394c243fd87a3b903116cd37d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/05/3b266de72705416fb0f635a1d2c4d151.png