ESLint自动修正代码 配置步骤

一.在vscode上下载ESLint插件

ESLint自动修正代码 配置步骤_第1张图片

 二.配置该插件

1.打开vscode设置

ESLint自动修正代码 配置步骤_第2张图片

2.点击右上角打开配置

ESLint自动修正代码 配置步骤_第3张图片

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

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

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

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

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


配置完成

你可能感兴趣的:(vue.js,前端,前端框架)