首页 > 其他分享 >Vue .eslintignore

Vue .eslintignore

时间:2024-05-01 20:11:06浏览次数:28  
标签:eslintignore Vue 文件 js 忽略 文件夹 build

Vue  .eslintignore

项目根目录如果没有 .eslintignore 文件,需要手动添加即可

 

用法如下

复制代码
指定某文件夹包括里面的所有文件都忽略
build
src/assets

指定某文件夹里面的指定文件类型都忽略
build/*.js

指定某文件夹里面的指定文件忽略
src/index.js


指定某文件夹里的除某个文件之外的所有文件都忽略
build
!**/build/index.js


指定某文件夹里的除某种指定文件类型之外的所有文件都忽略
build
!**/build/*.js
复制代码

 

 

初次使用Vue Cli创建项目时,我们发现在根目录下会有一个.eslintrc.js文件和一个.eslintignore文件。前者保存了代码风格检查的配置信息,而后者则保存了我们希望排除检查的代码文件。

那么.eslintignore文件有什么作用呢?

首先,我们需要了解一个概念:ESLint是一个静态代码分析工具,用于自动检查我们编写的代码是否符合一定的规范。但是,有些文件我们并不想进行检查,例如第三方库、编译后的文件等。这时,我们就可以使用.eslintignore文件来告诉ESLint要忽略哪些文件。

那如何配置.eslintignore文件呢?我们可以像这样在.eslintignore文件中添加需要忽略的文件/文件夹:

# Ignore generated build files
/dist/*
# Ignore vendor files
/vendor/*
# Ignore test files
/test/*
# Ignore node_modules and bower_components
/node_modules/**
/bower_components/**

需要注意的是,.eslintignore文件中的每一行都是一个忽略规则。其中,“#”表示注释,“*”表示任意字符串,“**”表示任意子目录。

 

 

https://www.yzktw.com.cn/post/1203564.html

 

标签:eslintignore,Vue,文件,js,忽略,文件夹,build
From: https://www.cnblogs.com/emanlee/p/18006970

相关文章

  • Vue 生命周期
    https://www.bilibili.com/video/BV1ub4y1i78b?p=2 第五章什么是vue3的生命周期https://www.bilibili.com/video/BV1ua4y1u7N8/  Vue生命周期created,mounted        Created和mounted的区别Created:是在组件实例一旦创建完成的时候立即调......
  • Vue main.js
    Vue main.jsmain.js是项目的入口文件,项目中所有的页面都会加载main.jsmain.js配置定义:main.js是项目的入口文件,项目中所有的页面都会加载main.js。主要有三个作用: 1.实例化Vue。 2.放置项目中经常会用到的插件和CSS样式。3.存储全局变量。项目创建完毕,main.js中会有......
  • Vue App.vue
    Vue App.vueVue的App.vue文件是整个Vue项目中最核心的文件之一,它是所有组件的基础组件,也是整个Vue应用的入口文件。我们可以在 App.vue中定义一些全局的样式、组件、路由和状态管理等,从而方便其他组件的调用。App.vue内部包含三个主要部分:模板、逻辑代码和样式。其中......
  • 前端Vue 启动过程 启动流程 执行流程
    前端Vue执行流程Vue的执行流程一般来说,当启动vue程序时,系统会先调用main.js文件 在main.js中,创建了一个新的vue对象并将其挂载到App.vue中id为app的html组件中 在App.js中,引入<router-view/>标签来进行路由管理,系统会进入router文件夹中的index.js文件中来寻找路由i......
  • Vue项目中每个文件夹和文件的用处
     myfirstvue#项目名-node_modules#文件夹,放了该项目所有的依赖,很小很多,以后把项目传给别人,这个要删除,别人拿到执行cnpminstall安装依赖-public#文件夹-favicon.ico#小图标,浏览器上面显示,可以替换-index.htm......
  • Vue项目中main.js、App.vue、import...from...等的作用和意义
      https://www.cnblogs.com/webwangjie/p/11471542.html 一、main.js  1、 main.js程序入口文件,初始化vue实例,并引入使用需要的插件和各种公共组件.importVuefrom'vue'importAppfrom'./App'importrouterfrom'./router'importLessfrom'Less'......
  • 《Node.js+Vue.js+MangoDB全栈开发实战》已出版
    《Node.js+Vue.js+MangoDB全栈开发实战》随书源码下载地址:链接:https://pan.baidu.com/s/1DQYgPZLmtJCIuDXs8gub_w?pwd=1127提取码:1127课件下载地址:链接:https://pan.baidu.com/s/1M36y1xu-gIUidDxw38GlBg提取码:1988随书目录目   录第1章 Node.js和TypeScript基础·......
  • Vue入门到关门之前端引入
    一、前端发展历史1、什么是前端?前端:针对浏览器的开发,代码在浏览器运行后端:针对服务器的开发,代码在服务器运行2、前后端不分的时代互联网发展的早期,前后端开发是一体的,前端代码是后端代码的一部分。就比如使用HTML(5)、CSS(3)、JavaScript(ES5、ES6)来编写一个个的页面,然后......
  • Vue入门到关门之计算属性与监听属性
    一、计算属性1、什么是计算属性计算属性是基于其它属性计算得出的属性,就像Python中的property,可以把方法/函数伪装成属性,在模板中可以像普通属性一样使用,但它们是基于响应式依赖进行缓存的。这意味着只有在依赖的响应式数据发生改变时,计算属性才会重新计算,否则会直接返回缓存的......
  • Vue入门到关门之生命周期钩子
    一、生命周期钩子函数1、什么是生命周期?在软件开发中,"生命周期"通常指的是一个对象从创建到销毁的整个过程。在前端开发中,特别是在使用诸如Vue.js、React等框架的情况下,"生命周期"常常指的是组件或实例在其存在期间经历的一系列阶段。在Vue.js中,每个Vue实例都有一个生命周期,它......