vue项目下,如何用命令直接修复ESLint报错

目录
  • 如何用命令直接修复ESLint报错
  • 怎么修复eslint报的错误?
    • eslint报的错误
    • 如何修复eslint报的错误?

如何用命令直接修复ESLint报错

在写mpvue（小程序框架，其实也算是vue项目）项目过程引入ESLint代码规范，出现很多规范问题。

首先在项目的根目录下找到package.json文件，找到下面的位置，也就是“lint”这一条指令，指令后面具体内容不用深究。

然后修改成：

接下来，运行npm run lint

可以自动解决绝大多数错误，应该有可能包含一些错误只能手动解决的。

例如，我运行后，还剩下一个错误：

这个就只能根据错误文件定位去做相应的修改了，把==改成===。

当然，如果你坚决不改呢，那就在包含错误的那个文件头部加上

/*eslint-disable*/

原理就是eslint不对该文件进行检查。

最后，个人对eslint代码规范的建议：

先把eslint关掉，最后项目开发完成再进行规范代码。

先找到根目录下的build文件夹的webpack.base.conf.js

找到这个位置，把代码注释掉

最后，项目开发完成后，再去掉注释，并按照前面的解决方法进行规范代码。

怎么修复eslint报的错误?

eslint报的错误

像这样提示space(空格)错误的就是违反了eslint设置的代码规范

如何修复eslint报的错误?

首先, 查看package.json中的script中关于修复eslint的指令

如下图片: 在这里的修复eslint的指令是lint-fix

然后, 终端运行 npm run lint-fix

最后, 终端运行项目 npm run dev 即可.

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

赞 (0)

相关推荐

  • vue 如何配置eslint代码检查

    vue 如何配置eslint代码检查

    目录 1.安装依赖 2.webstorm代码格式化快捷键为win + alt + L 3.设置webstorm校验规则为本地项目安装的eslint 4.在项目本地新建.editorconfig文件 5.在项目本地新建.eslintrc.js文件 1.安装依赖 "eslint": "^5.12.0", "eslint-config-standard": "^12.0.0", "eslint-friendly-forma

  • vue 卸载eslint方式

    vue 卸载eslint方式

    目录 vue卸载eslint 我的项目 卸载方法 去掉vue中万恶的eslint 解决方法 vue卸载eslint 我的项目 基于vue-cli4.0+ webpack 4 卸载方法 卸载的时候进入到你的项目目录中执行 npm uninstall eslint --save 然后 进入package.json中,删除残留信息. 否则在执行卸载后,运行会报错. 之后再起项目. 去掉vue中万恶的eslint 解决方法 在项目根目录中添加vue.config.js文件 编辑如下: module.ex

  • vue项目中Eslint校验代码报错的解决方案

    vue项目中Eslint校验代码报错的解决方案

    目录 vue Eslint校验代码报错 1.空格缩进,不让使用tab 2.未使用的变量报错 3.分号和引号问题 vue使用Eslint报错 解决办法很简单 vue Eslint校验代码报错 在使用脚手架创建Vue项目时,一般会安装Eslint插件,这个主要是校验代码格式和规范用的,但是它很有点让人抓狂,因为很多校验规则和代码规范,你只要不按照它的格式来,直接导致项目编译报错,运行不了项目,这个是非常令人讨厌的. 它不像idea里安装alibaba插件,校验代码规范只是会提示,并不会导致你项目都不

  • 解决vue eslint开发严格模式警告错误的问题

    解决vue eslint开发严格模式警告错误的问题

    目录 eslint开发严格模式警告错误 原因分析 解决办法 vue踩坑之eslint eslint开发严格模式警告错误 如果我们初次使用vue-cli来构建单页SPA应用,在撸代码的过程中有可能会遇到这种因为代码缩进导致 页面报错的问题,导致我们烦不胜烦.接下来我们就来看一看如何解决这个小问题... 原因分析 通过查看package.json文件我们可以发现,在文件中默认安装了eslint-loader模块,eslint-loader模块是目前相对比较流行的代码检测工具,可以检测书写的代码是否符

  • vue去掉严格开发,去掉vue-cli安装时的eslint或修改配置方式

    vue去掉严格开发,去掉vue-cli安装时的eslint或修改配置方式

    目录 直接上问题 问题原因 解决办法 vue-cli关闭eslint及配置eslint 关闭eslint的方法 配置eslint的方法 vuex自动修复的方法 直接上问题 当我运行vue项目时候:npm run dev 出现以下问题警告报错.(如下图) 问题原因 用vue-cli构建项目时安装了eslint选择了Y,这东西很蛋疼.tab键不能使用,必须换成两个空格.sublime可以选择tab键自动转换成空格键.要不你就不要安装eslint. 解决办法 只需要删掉 build/webpack.b

  • vue-cli构建的项目如何手动添加eslint配置

    vue-cli构建的项目如何手动添加eslint配置

    目录 package.json里配置添加 根目录下添加检测配置js文件.eslintrc.js 添加忽略检测配置文件.eslintignore webpack.base.conf.js rules里添加eslint-loader配置 config->index.js的dev里添加 Eslint的一些规则说明 1.使用Eslint的时候如果出现未闭合标签会报红 2.需要在单行元素的内容之前和之后换行 package.json里配置添加 1.scripts里添加快捷eslint检查命令 "li

  • vue cli2 和 cli3去掉eslint检查器报错的解决

    vue cli2 和 cli3去掉eslint检查器报错的解决

    目录 cli2去掉eslint检查器报错 cli3去掉eslint检查器报错 vue-cli3取消eslint检查 cli2去掉eslint检查器报错 eslint在编写过程中及其严格,甚至单引号和双引号或者空格注释都会引起报错,导致项目无法正常运行 因此,只需要在build文件夹下,找到webpack.base.conf.js文件 将下面一行代码注释掉,即可正常编译了 cli3去掉eslint检查器报错 vue-cli3取消eslint检查 实际上在学习过程中,你会发现eslint 检查特别讨

  • vue项目下,如何用命令直接修复ESLint报错

    vue项目下,如何用命令直接修复ESLint报错

    目录 如何用命令直接修复ESLint报错 怎么修复eslint报的错误? eslint报的错误 如何修复eslint报的错误? 如何用命令直接修复ESLint报错 在写mpvue(小程序框架,其实也算是vue项目)项目过程引入ESLint代码规范,出现很多规范问题. 首先在项目的根目录下找到package.json文件,找到下面的位置,也就是“lint”这一条指令,指令后面具体内容不用深究. 然后修改成: 接下来,运行npm run lint 可以自动解决绝大多数错误,应该有可能包含一些错误只能

  • 解决vue.js在编写过程中出现空格不规范报错的问题

    解决vue.js在编写过程中出现空格不规范报错的问题

    找到build文件夹下面的webpack.base.conf.js文件. 然后打开该文件,找到图下这段代码,把他注释掉. 注释掉之后,再进行子页面等编写的时候,空格不规范的情况下也不会再报错啦.因为这个报错对于初学者来说实在头大.哈哈O(∩_∩)O哈哈~ 我标注的这些地方,原本是有严格的空格规范要求的,这些报错真是另人烦躁呀o(╥﹏╥)o 反正我把这个问题解决了,特别开心哒哒哒~~~ 以上这篇解决vue.js在编写过程中出现空格不规范报错的问题就是小编分享给大家的全部内容了,希望能给大家一个参考

  • 解决vue props传Array/Object类型值,子组件报错的情况

    问题: Props with type Object/Array must use a factory function to return the default value. 1.在vue中如果当在父组件通过props传Array/Object类型值给子组件的时候 2.如果子组件的props接收default为 ,如下 报错 原因:props default 数组/对象的默认值应当由一个工厂函数返回 解决: 补充知识:vue的props如何传多个参数 vue父作用域将数据传到子组件通过pro

  • vue eslint报错:Component name “xxxxx“ should always be multi-word.eslintvue的4种解决方案

    目录 报错代码 原因 解决方案 方案一 方案二: 方案三(推荐) 方案四(推荐): 总结 报错代码 vue-cli全新创建项目,并建立组件时提示报错,报错如下: vscode标红提示: Component name "index" should always be multi-word.eslintvue/multi-word-component-names npm run serve / yarn serve报错: ERROR  Failed to compile with 1 er

  • 详解Vue项目在其他电脑npm run dev运行报错的解决方法

    详解Vue项目在其他电脑npm run dev运行报错的解决方法

    一个 Vue 项目从一台电脑上传到 github 上之后,再另外一台电脑上 git clone .并使用 npm run dev 或 npm run start 发生以下报错的解决方法. 报错原因 缺少 node_modules 里面的依赖.在项目目录下使用 npm install 然后再 npm run dev. 如果在这一步当中, npm install 执行的过程中,处于一直卡顿的状态.说明网络状况不佳.建议使用 cnpm 淘宝源. 淘宝源 使用 cnpm -v 查看是否已经安装 cnpm

  • Vue使用echarts的完整步骤及解决各种报错

    Vue使用echarts的完整步骤及解决各种报错

    前言: Echarts,它是一个与框架无关的 JS 图表库,但是它基于Js,这样很多框架都能使用它,例如Vue,估计IONIC也能用,下次研究. 因为我的习惯,每次新尝试做一个功能的时候,总要新创建个小项目,做做Demo. 首先看自己电脑是否安装了Vue,打开终端命令:vue --version,我以前安装过Vue,但是不知道为何报错: vue/cli Error: Cannot find module ‘@vue/cli-shared-utils‘ 注意:如果是全局module出错,就全局更新

  • 在Vue中使用this.$store或者是$route一直报错的解决

    今天在引入路由参数和状态组件的时候发现一直报空找不到,但是我在控制台查看还能找得到 一直超费解,直到我在其他组件单独测试的时候又可以了 这是测试正常的 test1s : function(){ debugger var test1=this.$route.params.num; console.log(test1); return test1; } getRequest: (val)=> {//改变海黄学堂状态 debugger let thisRoute=this.$store.state.s

  • 详解Vue iview IE浏览器不兼容报错（Iview Bable polyfill）

    由于Iview编译使用到了es6的一些新特性,Internet Explorer所有版本中都会报错,缺少includes.findIxdex等问题. 本人研究涉及到的环境:VueCli3.2 + iview 3.1.5 在IE中不支持ES6的新特性,例如:includes.findIndex-- 以下方案可以解决该问题: 1.  Github iview仓储Issues中提到的 改编译范围请用 transpileDependencies: ['iview'],不要用 include.add,因为

  • vue中使用vue-pdf组件实现文件预览及相应报错解决

    vue中使用vue-pdf组件实现文件预览及相应报错解决

    目录 前言 一.安装npm 依赖 二.引入组件 1.html中使用组件 单页 2.数据处理 单页 三.项目使用--代码部分 四.报错解决 总结 前言 使用vue-pdf组件实现文件预览功能 并在文件上增加操作按钮vue3不支持vue-pdf,vue3项目用pdfjs-dist 一.安装npm 依赖 1.在根目录下输入一下命令 npm i pdfjs-dist@2.5.207 --save npm i vue-pdf@4.2.0 --save 2.修改pacakge.json文件 "depende

随机推荐