首页 > 网络编程 > JavaScript > javascript类库 > vue.js > Vue终端取消vue、prettier警告warn

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;