vscode使用eslint自动保存格式化代码

灰太狼的情与殇

1.开发环境 vue+eslint
2.电脑系统 windows10专业版
3.在使用vue开发项目的时候,我们有的时候会选择eslint来规范代码,于是开始自己配置保存按照eslint来格式代码,去网上找答案,结果什么样的说法都是有的(有的说在package.json配置/有的说去setting.json加入各种配置),关键是没有一个生效的,于是开启了自己钻研,找打了解决方法,下面我来分享一下。
4.废话不多说,直接上操作:

// 在vue.config.js加入下面配置
module.exports = {
    chainWebpack: config => {
        // 开启eslint自动修复,关键代码
        config.module
            .rule('eslint')
            .use('eslint-loader')
            .tap(options => {
                options.fix = true
                return options
            })
    }
}
// 注意:前提是项目安装了eslint
// 接下来就可以愉快的玩耍了,就是这么的简单

5.再次声明,没有配置settings.json
image.png
6.本期的分享到了这里就结束啦,希望对你有所帮助,让我们一一起努力走向巅峰。

阅读 253

吾不是什么大佬,在这个领域我从未想赢,只是不甘认输。生活再平凡,也是限量版,让我们走出不一样的人生,活...

115 声望
5 粉丝
0 条评论
你知道吗?

吾不是什么大佬,在这个领域我从未想赢,只是不甘认输。生活再平凡,也是限量版,让我们走出不一样的人生,活...

115 声望
5 粉丝
宣传栏