vue如何关闭eslint检测(多种方法)

目录
  • 一、问题描述
  • 二、问题解决

一、问题描述

我们在开发vue项目的时候，创建的时候可能会不小心选择了eslint，这个检测规则对于新手来说，简直就是噩梦，会让你崩溃。所以如果不想让eslint检测，我们该怎么办呢？我总结了一些方法，针对不同的版本。

二、问题解决

 1、首先是比较旧的vue项目

比较旧一点的项目可能会有webpack.base.conf.js这样一个文件。有这个文件的话，就直接修改这个文件就可以解决

上图红框框部分，我项目中的文件内容是这样的，其他项目可能有别的一些内容，我们把框框中的内容注释掉或者去掉就可以了

2、创建项目的时候，不要选eslint

3、如果你使用的编辑软件是webstorm

4、创建的项目没有webpack.base.conf.js文件，但是有 .eslintrc.js

@vue/standard

这个注释掉就可以了

5、比较新的vue项目，目录没有（直接）webpack.base.conf.js文件，但node_module中可能有。并且也没有.eslintrc.js文件

这种情况我们项目的目录结构一般都会创建一个vue.config.js文件，我们操作这个文件就可以了

module.exports = {
  lintOnSave: false
},

更改完之后，需要重新启动项目才可以生效
配置成false就可以关闭，其他配置可以看官网的描述

6、修改.eslintignore 文件

根目录下有个文件 .eslintignore 文件，把你不需要校验的文件添加进去即可，
比如不想让它校验vue文件，那就加上 .vue ，当然这样做会让所有的vue文件都不进行校验了，同理，.js 就是不校验所有的js文件
这么做的好处是简单明了，好理解，缺点就是有些麻烦

这写方法基本足以解决这个问题了，但是笔者还是建议各位有了一定开发经验的时候，用上这个检测文件，不仅能培养自己良好的编程习惯，而且容易和团队其他人保持一个风格

到此这篇关于vue如何关闭eslint检测(多种方法)的文章就介绍到这了,更多相关vue关闭eslint检测内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

赞 (0)

相关推荐

  • vue中关闭eslint的方法分析

    如图,注释掉该行,然后重新运行 npm run dev 撤销上步操作,将配置文件中的true改为false. 下图是更改后的结果.更改了配置文件后,需要运行npm run dev

  • vue项目关闭eslint校验

    vue项目关闭eslint校验

    简介eslint eslint是一个JavaScript的校验插件,通常用来校验语法或代码的书写风格. 官方文档:https://eslint.org 这篇文章总结了eslint的规则:Eslint规则说明 关闭eslint校验 有了eslint的校验,可以来规范开发人员的代码,是挺好的.但是有些像缩进.空格.空白行之类的规范,在开发过程中一直报错,未免太过于苛刻了.所以,我还是会选择关闭eslint校验. 下面就介绍一下vue项目中如何关闭这个校验. 首先我们在创建一个vue项目的时候,会有一

  • vue如何关闭eslint检测(多种方法)

    vue如何关闭eslint检测(多种方法)

    目录 一.问题描述 二.问题解决 一.问题描述 我们在开发vue项目的时候,创建的时候可能会不小心选择了eslint,这个检测规则对于新手来说,简直就是噩梦,会让你崩溃.所以如果不想让eslint检测,我们该怎么办呢?我总结了一些方法,针对不同的版本. 二.问题解决  1.首先是比较旧的vue项目 比较旧一点的项目可能会有webpack.base.conf.js这样一个文件.有这个文件的话,就直接修改这个文件就可以解决 上图红框框部分,我项目中的文件内容是这样的,其他项目可能有别的一些内容,我们

  • Vue实现动态样式的多种方法汇总

    目录 1. 三元运算符判断 2. 动态设置class 3. 方法判断 4. 数组绑定 5. computed结合es6对象的计算属性名方法 1. 三元运算符判断 <text :style="{color:state?'#ff9933':'#ff0000'}">hello world </text> <script> export default { data() { return { state: true } } } </script>

  • vscode下vue项目中eslint的使用方法

    前言 在vscode的vue项目中,关于代码检查和格式化,遇到各种各样的问题,比如: 不清楚安装的拓展的功能,导致安装了重复功能的拓展 右键格式化文档的时候,不是按eslint的规则来格式化,导致需要我再次手动调整 保存时不能自动修复代码 以下通过自己的实践,进行了相应配置,目前可以实现: 仅安装2个推荐的拓展 右键格式化文档按照eslint规则,不会产生错误 保存时自动修复代码 vscode 拓展安装 eslint 拓展 该拓展本身不带任何插件,当前项目要使用该拓展,需要安装相应的npm包(全

  • vue-element-admin关闭eslint的校验方式

    vue-element-admin关闭eslint的校验方式

    目录 vue-element-admin关闭eslint校验 坑人方法 **最终方法:**在根目录找到.eslintignore文件 vue-element-admin梳理 一.Layout组件分析 二.sidebar组件分析 三.Sidebar-item的组成 四.Sidebar-item 细节分析 五.sidebar文件下的index.vue vue-element-admin关闭eslint校验 坑人方法 1.在vue.config.js文件中吧lintOnSave改成false: 2.在

  • 给vue项目添加ESLint的详细步骤

    eslint配置方式有两种: 1.注释配置:使用js注释来直接嵌入ESLint配置信息到一个文件里 2.配置文件:使用一个js,JSON或者YAML文件来给整个目录和它的子目录指定配置信息.这些配置可以写在一个文件名为.eslintrc.*的文件或者在package.json文件里的eslintConfig项里,这两种方式ESLint都会自动寻找然后读取,或者你也可以在命令行里指定一个配置文件. 有几种东西是可以配置的: 环境:你的脚本会在哪种环境下运行.每个环境带来了一组特定的预定义的全局变量

  • 详解关闭令人抓狂的ESlint 语法检测配置方法

    刚刚开始的小伙伴是不是空格报错少一行报错各种错?是不是觉得快被限制的失去了自由的思绪了?受折磨后找到了不错的文章来取消eslint语法检测限制,作为学习笔记摘自segmentfault 其实我并不反对这些语法检测,但是像许多反个人意愿的那就真的不得不吐槽了,比如vue-cli脚手架创建的默认eslint规则: 代码末尾不能加分号 ; 代码中不能存在多行空行 tab键不能使用,必须换成两个空格 代码中不能存在声明了但未使用的变量 以上规则个人认为真的反人类!调试代码太难了. 关闭eslint 这里

  • Vscode关闭Eslint语法检查的多种方式(保证有效)

    Vscode关闭Eslint语法检查的多种方式(保证有效)

    目录 前言 一.删除Eslint相关依赖项 二.关闭语法检查 1.临时关闭某行检查 2.临时关闭以下所有检查 3.修改配置项 三.设置中关闭语法检查 补充:常见规则列表 总结 前言 ESLint 是一个插件化的 javascript 代码检测工具,它可以用于检查常见的 JavaScript 代码错误,也可以进行代码风格检查,能够很好的执行编码规范,提高项目代码的质量. 但是开发或是学习当中,有时候模板是从github或是gitee上下载下来的半成品项目,项目内部做了好些相关的项目配置,比如Esl

  • NodeJs项目中关闭ESLint的方法

    ESLint是一个用来识别 ECMAScript 并且按照规则给出报告的代码检测工具,使用它可以避免低级错误和统一代码的风格. 但有时如果我们复制了另一个格式不一样的项目文件,就会被ESLint的报错阻止程序的运行,而改动地方又太多,这时候我们就想关闭这个ESLint了. 在项目中关闭ESLint方法:找到build文件夹 -> webpack.base.conf.js 在module代码块下,将这些代码注释掉,如下所示: //{ // test: /\.(js|vue)$/, // loade

随机推荐