ESLint自动修正代码配置步骤

zhuyua

已于 2023-08-22 14:49:54 修改

阅读量2.2k

点赞数 6

文章标签： vue.js 前端前端框架

于 2023-08-22 14:46:56 首次发布

本文链接：https://blog.csdn.net/zhuyuyaya/article/details/132427533

版权

一.在vscode上下载ESLint插件

二.配置该插件

1.打开vscode设置

2.点击右上角打开配置

3.把此段代码粘贴进去(记得前面的配置项结尾处加逗号)

// 当保存的时候，eslint自动帮我们修复错误
"editor.codeActionsOnSave": {
    "source.fixAll": true
},
// 保存代码，不自动格式化
"editor.formatOnSave": false

注意：若之前配置过 "editor.formatOnSave": true 需要把他删掉改为"editor.formatOnSave": false

原因："editor.codeActionsOnSave"和"editor.formatOnSave"不能同时存在

其余注意：使用ESLint时候一定要单独打开项目文件，否者不会生效

配置完成