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-cli中vue本地实现跨域调试接口

    vue-cli中vue本地实现跨域调试接口

    这篇文章主要介绍了vue-cli中vue本地实现跨域调试接口,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-01-01
  • vue中如何动态拼接this后面的变量

    vue中如何动态拼接this后面的变量

    这篇文章主要介绍了vue中如何动态拼接this后面的变量问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-07-07
  • 详解Vue3 中的计算属性及侦听器

    详解Vue3 中的计算属性及侦听器

    这篇文章主要介绍了详解Vue3 中的计算属性及侦听器,文章围绕主题的相关资料展开详细的内容介绍,具有一定的参考价值,需要的朋友可以看下一下
    2022-08-08
  • 详解Vue-Cli 异步加载数据的一些注意点

    详解Vue-Cli 异步加载数据的一些注意点

    本篇文章主要介绍了详解Vue-Cli 异步加载数据的一些注意点,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08
  • vue 实现滚动到底部翻页效果(pc端)

    vue 实现滚动到底部翻页效果(pc端)

    这篇文章主要介绍了pc端vue 滚动到底部翻页效果,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值 ,需要的朋友可以参考下
    2019-07-07
  • vuex的几个属性及其使用传参方式

    vuex的几个属性及其使用传参方式

    这篇文章主要介绍了vuex的几个属性及其使用传参,本文结合实例代码给大家讲解的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-01-01
  • el-select与el-tree结合使用实现树形结构多选框

    el-select与el-tree结合使用实现树形结构多选框

    我们在实际开发中需要用到下拉树,elementUI是没有这个组件的,我们就要自己去写了,下面这篇文章主要给大家介绍了关于el-select与el-tree结合使用实现树形结构多选框的相关资料,需要的朋友可以参考下
    2022-10-10
  • Vue数据表格增删改查与表单验证代码详解

    Vue数据表格增删改查与表单验证代码详解

    这篇文章主要给大家介绍了关于Vue数据表格增删改查与表单验证的相关资料,Vue可以通过使用组件化的方式来实现表格的增删改查功能,文中通过图文以及代码介绍的非常详细,需要的朋友可以参考下
    2023-10-10
  • vue axios登录请求拦截器

    vue axios登录请求拦截器

    这篇文章主要介绍了vue axios登录请求拦截器,判断是否登录超时,或对请求结果做一个统一处理的教程详解,需要的朋友可以参考下
    2018-04-04
  • vue实现按钮文字动态改变

    vue实现按钮文字动态改变

    这篇文章主要介绍了vue实现按钮文字动态改变方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-11-11

最新评论