ESlint | 通过VsCode中的ESLint插件来实现自动修正语法错误

ESlint | 通过VsCode中的ESLint插件来实现自动修正语法错误

引用

CSDN

1.

https://blog.csdn.net/weixin_46264660/article/details/140633671

1. 安装ESLint插件

安装ESLint的好处：

1. ESLint会自动高亮错误显示
2. 通过配置，ESLint会自动帮助我们修复错误

注意：

• ESLint的配置文件必须在根目录下，这个插件才能才能生效。
• 打开项目必须以根目录打开，一次打开一个项目
• 使用了ESLint校验之后，建议禁用VsCode带的其他格式化工具，如Beatify 和 Prettier - Code formatter。

2. 配置settings.json文件

在VSCode的settings.json文件中添加如下代码：

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

3. 保存即可生效

完成上述配置后，保存settings.json文件，ESLint插件就会在你保存代码时自动检查并修复代码错误。