vue项目下,如何用命令直接修复ESLint报错
更新时间：2022年04月13日 15:05:18 作者：Mount华
这篇文章主要介绍了vue项目下，如何用命令直接修复ESLint报错，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
如何用命令直接修复ESLint报错
在写mpvue（小程序框架，其实也算是vue项目）项目过程引入ESLint代码规范，出现很多规范问题。
首先在项目的根目录下找到package.json文件，找到下面的位置，也就是“lint”这一条指令，指令后面具体内容不用深究。
然后修改成：
接下来，运行npm run lint
可以自动解决绝大多数错误，应该有可能包含一些错误只能手动解决的。
例如，我运行后，还剩下一个错误：
这个就只能根据错误文件定位去做相应的修改了，把==改成===。
当然，如果你坚决不改呢，那就在包含错误的那个文件头部加上
/*eslint-disable*/
原理就是eslint不对该文件进行检查。
最后，个人对eslint代码规范的建议：
先把eslint关掉，最后项目开发完成再进行规范代码。
先找到根目录下的build文件夹的webpack.base.conf.js
找到这个位置，把代码注释掉
最后，项目开发完成后，再去掉注释，并按照前面的解决方法进行规范代码。
怎么修复eslint报的错误?
eslint报的错误
像这样提示space(空格)错误的就是违反了eslint设置的代码规范
如何修复eslint报的错误?
首先, 查看package.json中的script中关于修复eslint的指令
如下图片: 在这里的修复eslint的指令是lint-fix
然后, 终端运行 npm run lint-fix
最后, 终端运行项目 npm run dev 即可.
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章
element-plus根据官网文档,推荐用户采用按需导入的方式进行导入,下面这篇文章主要给大家介绍了关于Vue3+Element Plus按需引入(自动导入)的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-10-10
本篇文章主要介绍了webstorm和.vue中es6语法报错的解决方法，小编总结了webstorm和.vue中出现的es6语法报错，避免大家采坑，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-05-05
vue组件在通信中，无论是子组件向父组件传值还是父组件向子组件传值，他们都有一个共同点就是有中间介质，子向父的介质是自定义事件，父向子的介质是props中的属性。2022-12-12
这篇文章主要为大家详细介绍了Vue生命周期中的组件化，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2022-03-03
这篇文章主要介绍了vue3触发父组件两种写法,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-08-08
这篇文章主要为大家详细介绍了vue通过数据过滤实现表格合并，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-07-07
这篇文章主要为大家详细介绍了Vue computed计算属性的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-07-07
本文主要介绍了M1 pro芯片启动Vue项目的方法步骤，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-11-11
这篇文章主要介绍了web面试中常问到的关于vue自定义组件及调用方式，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步2021-09-09
这篇文章主要介绍了Vue源码学习之双向绑定，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
最新评论