关于Vue-cli3烦人的eslint问题

更新时间：2022年09月20日 09:36:49 作者：白日有梦

这篇文章主要介绍了关于Vue-cli3烦人的eslint问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教

Vue-cli3烦人的eslint

在vue-cli选择生成的时候，有一个询问是否把插件配置文件写在package.json文件里

- 如果选择了是

打开package.json 就会有以下一段代码

"eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/essential",
      "@vue/prettier"  // 删掉这行
    ],
    "rules": {},
    "parserOptions": {
      "parser": "babel-eslint"
    }
  },

- 如果选择了否

此时根目录下会生成 .eslintrc.js 文件

module.exports = {
  root: true,
  env: {
    node: true
  },
  extends: ["plugin:vue/essential","@vue/prettier"], // 删掉 "@vue/prettier"
  rules: {
    "no-console": process.env.NODE_ENV === "production" ? "error" : "off",
    "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off"
  },
  parserOptions: {
    parser: "babel-eslint",
  }
};

之后重启就可以了 npm run serve

Vue-cli3的eslint报错

今天用vue-cli3搭建项目，写了几个页面，去编译的时候eslint都会抛出错误

原因就是在项目搭建的时候选择的是standard（正常模式）所以每次启动项目的之后都会对代码进行检查，是否符合Eslint规范。

解决方法

想要关闭Eslint语法检查只要在.eslintrc.js文件中找到’@vue/standard’配置将其注释或者删除即可。

总结：ESLint 是一个语法规则和代码风格的检查工具，用来保证写出语法正确、风格统一的代码，这个比较适合团队开发和对代码已经轻车熟路的大神使用，我现在还不行。最后我认为大家还有我都会成为一个不惧怕Eslint的大神的

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

vue2.0构建单页应用最佳实战
这篇文章主要为大家分享了vue2.0构建单页应用最佳实战案例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-04-04
vue封装tree组件实现搜索功能
本文主要介绍了vue封装tree组件实现搜索功能，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2023-05-05
详解vue父子组件间传值(props)
本篇文章主要介绍了详解vue父子组件间传值(props)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-06-06
如何处理elementUI中表格多选框禁用的问题
这篇文章主要介绍了如何处理elementUI中表格多选框禁用的问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-09-09
基于el-table和el-pagination实现数据的分页效果
本文主要介绍了基于el-table和el-pagination实现数据的分页效果，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2022-08-08
vue uniapp 防止按钮多次点击的三种实现方式
最近的项目完成后,在性能优化阶段需要做按钮的防止重复点击功能,本文主要介绍了vue uniapp 防止按钮多次点击的三种实现方式,具有一定的参考价值,感兴趣的可以了解一下
2023-08-08
Vue 路由返回恢复页面状态的操作方法
在使用 Vue 开发前端的时候遇到一个场景在首页进行一些数据搜索，点击搜索结果进入详情页面，浏览详情页后返回主页，所以需要在返回后恢复跳转前的页面参数状态，今天通过本文给大家分享Vue 路由页面状态返回的操作方法，一起看看吧
2021-07-07
Vue2异步更新及nextTick原理详解
Vue2的异步更新机制是基于JavaScript的事件循环机制实现的。nextTick方法则是在DOM更新后执行回调函数。本文详细介绍了Vue2的异步更新机制和nextTick原理，对于理解Vue2的渲染机制和优化性能有很大的帮助。
2023-04-04
Vue.js用法详解
Vue.js（读音 /vjuː/, 类似于 view）是一套构建用户界面的渐进式框架。这篇文章主要介绍了Vue.js用法详解,需要的朋友可以参考下
2017-11-11
Vue electron前端开启局域网接口实现流程详细介绍
用electron写了一个自己用的小软件，无后端，纯本地的数据。最近想着开发一个手机端app，将PC端的数据进行同步。为了这小小的功能单独写个后端又麻烦。干脆前后端不分离哈哈，直接在前端软件中开启接口
2022-10-10