Vue终端取消vue、prettier警告warn问题
更新时间：2023年10月20日 09:36:29 作者：苦涩精灵
这篇文章主要介绍了Vue终端取消vue、prettier警告warn问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
Vue终端取消vue、prettier警告warn
使用vue-cli创建时，选择了linter/formatter检查代码格式就会有警告和报错
如下，警告：代码中的换行不符合规范。
我裂开
如果在这堆warn中有一个error的报错，还要找好久。
在.eslintrc.js这个隐藏文件中可以设置开发和生产模式是否在控制台显示警告代码。
取消警告方法
第一种：在.eslintrc.js中修改
rules: {
// 原始设置：在开发模式中显示警告
// "no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
// 修改：在开发模式不显示警告
"no-console": process.env.NODE_ENV === "production" ? "off" : "off",
"no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
},
如下图：
没有报错就直接运行服务，没有警告
如果安装vetur的同时也安装了prettier，可以再加一条规则
rules: {
// 取消prettier警告
"prettier/prettier": process.env.NODE_ENV === "production" ? "off" : "off",
// 取消vue警告
"no-console": process.env.NODE_ENV === "production" ? "off" : "off",
"no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
},
第二种：在main.js中修改
// 取消vue的警告 Vue.config.productionTip = false;
如下图：
没有报错就直接运行服务，没有警告
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了vue路由前进后退动画效果，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2018-12-12
这篇文章主要为大家详细介绍了vue购物车插件的编写代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-11-11
这篇文章主要介绍了vue使用微信JS-SDK实现分享功能，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-08-08
下面小编就为大家分享一篇element-ui 表格实现单元格可编辑的示例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-02-02
在工作中遇到需要前端上传excel文件获取到相应数据处理之后传给后端并且展示上传文件的数据,所以本文就来给大家介绍一下Vue中导入并读取Excel数据的操作步骤,需要的朋友可以参考下2023-08-08
通过本文带领大家去学习vue3.0 CLI - 2.5 - 了解组件的三维的相关知识，感兴趣的朋友跟随脚本之家小编一起学习吧2018-09-09
Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。本文给大家详细介绍了vue解决跨域路由冲突问题思路解析，需要的朋友参考下吧2017-11-11
这篇文章主要介绍了vue项目中使用bpmn为节点添加颜色的方法，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-04-04
这篇文章主要介绍了vue.js实现格式化时间并每秒更新显示功能,结合实例形式分析了vue.js时间格式化显示与基于定时器进行实时更新的相关操作技巧,需要的朋友可以参考下2018-07-07
vConsole 是框架无关的，可以在 Vue、React 或其他任何框架中使用，今天通过本文给大家介绍移动端调试神器vConsole使用，感兴趣的朋友一起看看吧2022-04-04
最新评论