关闭eslint检查和ts检查

原创已于 2023-01-16 11:29:58 修改 · 8.9k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

于 2023-01-12 11:31:00 首次发布

该文章介绍了如何在Vue项目中关闭ESLint的语法验证，包括在vue.config.js中设置lintOnSave为false，以及在.devServer中关闭错误和警告显示。同时，它也指导了如何禁用prettier规则以及如何通过安装@typescript-eslint相关插件来关闭TypeScript检查，以保持浏览器控制台的清洁。

第一步：在vue.config.js配置（如果没有手动创建即可）

module.exports = {
  // 关闭eslint语法验证
  lintOnSave: false,
  devServer: {
    // 关闭eslint语法验证
    overlay: {
      warning: false,
      errors: false,
    },
  },
}

第二步配置.eslintrc（如果没有手动创建即可）

module.exports = {
  rules: {
        "prettier/prettier": "off"
  }
}

关闭ts检查

npm install @typescript-eslint/eslint-plugin @typescript-eslint/parser
然后在根目录文件中创建.eslintrc 文件写入如下代码就解决了。还我浏览器控制台一片洁白。

module.exports = {
  parser: '@typescript-eslint/parser',
  plugins: ['@typescript-eslint'],
  rules: {
    'import/no-anonymous-default-export': 0
  }
}