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;
如下图:
没有报错就直接运行服务,没有警告
总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
el-select与el-tree结合使用实现树形结构多选框
我们在实际开发中需要用到下拉树,elementUI是没有这个组件的,我们就要自己去写了,下面这篇文章主要给大家介绍了关于el-select与el-tree结合使用实现树形结构多选框的相关资料,需要的朋友可以参考下2022-10-10
最新评论