Vue终端取消vue、prettier警告warn

使用vue-cli创建时，选择了linter/formatter检查代码格式就会有警告和报错如下，警告：代码中的换行不符合规范，要删除。我裂开如果在这堆warn中有一个error，还要找好久。在.eslintrc.js这个隐藏文件中可以设置开发和生产模式是否在控制台显示警告代码。取消警告方法：rules: {// 原始设置：在开发模式中显示警告// "no-console": process.en

苦涩精灵

6872人浏览 · 2021-10-18 12:04:58

苦涩精灵 · 2021-10-18 12:04:58 发布

使用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 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^