vue中如何配置eslint？

• Z时代
• 2024-03-05
• 分类：IT

关于从0开始 eslint + pre的配置一直不懂，如何在vue项目中用这两玩意，实现代码规范，保存就自动把你代码自动规范呢？？？？

回答：

eslint 自动修复要编译器支持才行，尤其是自动补全。
首先项目跟目录要有规则配置文件.eslinttrc.js 网上找一个模板
webpack.config.js中 rules中的js/vue配置要加上eslint-loader插件
这两部已经可以实现打包的eslint校验，错误会输出到控制台和页面中
eslint-loader提供 eslint /xx/xx.vue 命令自动修复指定或所有文件
希望编译器提示并在保存时候修复的话就得看用的什么编译器了，以vscode为例，在拓展安装eslint插件并启动，修改文件-首选项-设置-拓展-eslint里面有个setting.json文件，修改内容到百度上找vscode自动修复配置。
最后查看编译器最下面一排有个eslint标识，点开前面是对钩就ok了。ctrl+s保存就可以实现自动修复

以上是 vue中如何配置eslint？ 的全部内容， 来源链接： utcz.com/p/936706.html