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

 更新时间:2021年12月14日 09:57:11   作者:丑小鸭变黑天鹅  
我们在开发vue项目的时候,创建的时候可能会不小心选择了eslint,所以如果不想让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检测内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • vue3中如何使用codemirror6增加代码提示功能

    vue3中如何使用codemirror6增加代码提示功能

    这篇文章主要给大家介绍了关于vue3中如何使用codemirror6增加代码提示功能的相关资料,Codemirror是一个不错的Web代码编辑库,可以方便简单的集成,需要的朋友可以参考下
    2023-08-08
  • vue package.json文件的使用及说明

    vue package.json文件的使用及说明

    `package.json`是Node.js和npm项目的核心配置文件,定义了项目的元数据和依赖项,在Vue项目中,它管理依赖、提供脚本命令、存储项目信息,并通过语义化版本控制确保项目稳定
    2025-01-01
  • Vue项目中如何运用vuex的实战记录

    Vue项目中如何运用vuex的实战记录

    如果说是JQuery是手工作坊,那么Vue.js就像是一座工厂,虽然Vue.js做的任何事情JQuery都可以做,但无论是代码量还是流程规范性都是前者较优,下面这篇文章主要给大家介绍了关于Vue项目中如何运用vuex的相关资料,需要的朋友可以参考下
    2021-09-09
  • vue使用Vuex状态管理模式

    vue使用Vuex状态管理模式

    这篇文章介绍了vue使用Vuex状态管理模式的方法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-04-04
  • ElementUI表格中添加表头图标悬浮提示

    ElementUI表格中添加表头图标悬浮提示

    本文主要介绍了ElementUI表格中添加表头图标悬浮提示,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-12-12
  • Vue中使用elementui与Sortable.js实现列表拖动排序

    Vue中使用elementui与Sortable.js实现列表拖动排序

    这篇文章主要为大家详细介绍了Vue中使用elementui与Sortable.js实现列表拖动排序,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-04-04
  • Vue组件生命周期三个阶段全面总结讲解

    Vue组件生命周期三个阶段全面总结讲解

    Vue的生命周期就是vue实例从创建到销毁的全过程,也就是new Vue() 开始就是vue生命周期的开始。Vue 实例有⼀个完整的⽣命周期,也就是从开始创建、初始化数据、编译模版、挂载Dom -> 渲染、更新 -> 渲染、卸载 等⼀系列过程,称这是Vue的⽣命周期
    2022-11-11
  • vue 2.0项目中如何引入element-ui详解

    vue 2.0项目中如何引入element-ui详解

    element-ui是一个比较完善的UI库,但是使用它需要有一点vue的基础,下面这篇文章主要给大家介绍了关于在vue 2.0项目中如何引入element-ui的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-09-09
  • 详解Vue2.0组件的继承与扩展

    详解Vue2.0组件的继承与扩展

    这篇文章主要介绍了详解Vue2.0组件的继承与扩展,主要分享slot、mixins/extends和extend的用法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-11-11
  • vue封装动态表格方式详解

    vue封装动态表格方式详解

    这篇文章主要为大家介绍了vue封装动态表格方式示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-08-08

最新评论