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页面批量引入组件的操作代码

    vue页面批量引入组件的操作代码

    这篇文章主要介绍了vue页面批量引入组件,本文结合示例代码给大家讲解的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-12-12
  • Vue使用ExcelJS实现专业级Excel导出解决方案

    Vue使用ExcelJS实现专业级Excel导出解决方案

    ExcelJS 是 Node.js 和浏览器环境中功能最全面的 Excel 处理库之一,就像一个专业的 Excel 工作站,下面小编就为大家详细介绍一下如何使用ExcelJS实现专业级Excel导出吧
    2025-07-07
  • vue 引用自定义ttf、otf、在线字体的方法

    vue 引用自定义ttf、otf、在线字体的方法

    这篇文章主要介绍了vue 引用自定义ttf、otf、在线字体的方法,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-05-05
  • vue-cli+webpack项目打包到服务器后,ttf字体找不到的解决操作

    vue-cli+webpack项目打包到服务器后,ttf字体找不到的解决操作

    这篇文章主要介绍了vue-cli+webpack项目打包到服务器后,ttf字体找不到的解决操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-08-08
  • Vue插件打包与发布的方法示例

    Vue插件打包与发布的方法示例

    插件功能开发完成后,若需要发布到公共组件库中(例如:npmjs),需要对插件进行打包并发布,这篇文章主要介绍了Vue插件打包与发布的方法示例,感兴趣的小伙伴们可以参考一下
    2018-08-08
  • vue项目中的.env文件加载方式

    vue项目中的.env文件加载方式

    在Vue项目中,通过.env文件配置环境变量,支持不同环境下加载不同配置,Vite通过import.meta.env向应用暴露环境变量,支持基本URL、开发环境和生产环境识别等,.env文件可设置环境优先级,修改后需重启生效,TypeScript可通过增加文件获取智能提示
    2024-10-10
  • 基于Vue实现简单的权限控制

    基于Vue实现简单的权限控制

    这篇文章主要为大家学习介绍了如何基于Vue实现简单的权限控制,文中的示例代码讲解详细,具有一定的参考价值,需要的小伙伴可以了解一下
    2023-07-07
  • vite vue3 规范化与Git Hooks详解

    vite vue3 规范化与Git Hooks详解

    这篇文章主要介绍了vite vue3 规范化与Git Hooks,本文重点讨论 git 提交规范,结合示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-10-10
  • 解决vue生产环境,页面卡死的问题

    解决vue生产环境,页面卡死的问题

    这篇文章主要介绍了解决vue生产环境,页面卡死的问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-07-07
  • vue2.0实现的tab标签切换效果(内容可自定义)示例

    vue2.0实现的tab标签切换效果(内容可自定义)示例

    这篇文章主要介绍了vue2.0实现的tab标签切换效果,结合实例形式分析了vue.js实现内容可自定义的tab点击切换功能相关操作技巧,需要的朋友可以参考下
    2019-02-02

最新评论