利用cli脚手架创建了项目后，针对eslint配置配置.eslintignore

已于 2022-08-12 09:53:46 修改
阅读量621 收藏 1
点赞数
分类专栏： JavaScript 前端 编程类 文章标签： vue.js 前端 eslint
于 2022-03-10 15:32:05 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ta_huang/article/details/123402774
版权
JavaScript 同时被 3 个专栏收录
45 篇文章 1 订阅
订阅专栏
前端
42 篇文章 0 订阅
订阅专栏
编程类
37 篇文章 0 订阅
订阅专栏

利用cli创建了项目后，针对eslint配置配置.eslintignore

需求

  1. 采用脚手架配置了eslint之后，该文件是针对根目录检查的，但是有时候我们有些目录不希望被检查，比如public中的文件，有可能是第三方打包好的，此时我们可以通过再.eslint.js文件下配置.eslintignore文件来忽略不需要检查的文件
    在这里插入图片描述

.eslintignore配置

# .eslintigore文件
src/assets
public/
dist
packages/zlDemo/toolApi.js
src/components

总结

eslint会自动调用.eslintignore文件去跳过不需要检查的文件。

zhanle_huang
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
配置.eslintignore忽略检查文件夹
Suk__的博客
03-03 2518
配置eslint不检查打包目录和第三方库的目录,放置eslint因为引入第三方库或者打包后的代码被检查不符合代码规范而报错 /dist /src/vender 文件建在项目根目录下,配置好后重启vscode
【前端技巧】ESLint忽略检查行和文件
Outman's blog
03-10 5514
ESLint忽略检查行和文件
.eslintignore的作用
最新发布
m0_55742074的博客
06-17 166
.eslintignore
Eslint配置指南
L_yvpeng的博客
06-02 4882
ESLint最初是由于2013年6月创建的开源项目。ESLint 是一个开源的，它是用来进行代码的校验，检测代码中潜在的问题，比如某个变量定义了未使用、函数定义的参数重复、变量名没有按规范命名等等。
项目质量监测（二）02-Lint工具之ESLint——起步与安装 & ESLint初始化-.eslintrc.js文件 & 项目.eslintignore-忽略文件
weixin_44867717的博客
12-22 1685
项目质量监测（二）02-Lint工具之ESLint——起步与安装 & ESLint初始化-.eslintrc.js文件 & 项目.eslintignore-忽略文件 起步与安装 在项目中去使用， 1.1、新建文件夹DEMO，在其内打开命令行窗口 // npm init 指令会在项目根目录下生成 package.json 文件。 npm init // --save-dev 会把 eslint 安装到 package.json 文件中的 devDependencies 属性中，意思是只是
ESLint配置（一）：eslint默认及自定义规则介绍，上传自己的eslint-config-*风格文件
热门推荐
猿始森林
05-21 6万+
eslint安装 1、全局安装 2、项目安装 eslint 定义规则 eslint 代码检测和修复 .eslintignore 忽略文件 创建自己的规则风格文件 使用编辑器插件标识错误以及自动修复代码
详解Eslint使用教程及注意事项（二）
Army-海军的博客
05-27 1万+
包括全局变量，配置插件、配置规则、内嵌注释代码禁用规则，扩展配置、忽略文件和目录
详解vue-cli中的ESlint配置文件eslintrc.js
10-19
本篇文章主要介绍了vue-cli中的ESlint配置文件eslintrc.js详解 ，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue-cli脚手架搭建的项目去除eslint验证的方法
12-07
在 Vue CLI 创建的项目中，Webpack 被用作模块打包器，而 ESLint 的集成是通过 Webpack 的加载器和配置来实现的。在 `build` 目录下，通常会有三个与 Webpack 配置相关的文件：`webpack.base.conf.js`、`webpack.dev...
Vue-cli3项目配置Vue.config.js实战记录
10-18
相比之前的版本，Vue CLI 3 在项目结构上进行了简化，不再包含 `build` 和 `config` 文件夹，而是将大部分配置集中到了 `vue.config.js` 文件中。这个文件位于项目的根目录下，允许开发者自定义 Webpack 配置，以...
ESLint配置：eslint默认及自定义规则介绍
mrzhangdulin的博客
09-02 2万+
ESLint 配置 一、eslint 安装 1、全局安装 npm i -g eslint 全局安装的好处是，在任何项目我们都可以使用eslint的全局命令进行代码规则操作，但是这对我们的意义并不大，后续会详细介绍； 全局安装之后，要求相关的eslint插件页必须全局安装，这对多人开发项目来说会比项目安装更加繁琐。所以，我们这里采用在项目上安装eslint： 2、项目安装 npm i -D esli...
【Vue工程】002-配置 eslnt 与 prettier
訾博（ZiBo）的博客
05-03 1078
ESLint 是一个静态代码分析工具,用于检查 JavaScript 代码的语法结构和查找程序错误。Prettier 是一个代码格式化工具,支持 JavaScript, TypeScript, CSS, HTML, JSON, GraphQL, Markdown 等各种语言。
ESLint配置详解
qq_42880714的博客
05-15 6405
eslint详细介绍及使用
Vue中通过配置eslintrc.js文件来解决编译时出现的no-trailing-spaces、no-undef等错误
sxj的专栏
10-30 1万+
错误信息： D:\work\vue\workbench\src\views\login\index.vue 12:10 warning 'Options' is defined but never used @typescript-eslint/no-unused-vars 14:1 error '$' is not defined no-undef 14:16 error Trailing spaces not allowed
ESlint Prettier Git 中使用 ignore忽略文件的规则解释
胡聊前端的博客
04-18 6341
概述 我们经常在项目中使用.gitignore去忽略文件，比如 # .gitignore忽略项目依赖和打包文件 node_modules dist 其实，除了Git，ESLint和Prettier同样提供了对应的ignore文件 .eslintignore 为ESLint忽略指定文件 .prettierignore 为Prettier忽略指定文件 同Git，显然我们不希望对如node_modules依赖文件夹中的文件进行格式化或者做代码质量检查，所以忽略指定文件是必要的。 幸运的是，ESLint和Pr
ESLint 配置入门
fe_watermelon的博客
10-23 6253
大家好，我是前端西瓜哥，今天带大家了解 ESLint 的配置项。ESLint 是一款检查 JavaScript 程序是否符合特定的规则的工具。比如字符串用单引号还是双引号，tab 缩进用 2 个空格还是 4 个空格还是其他，这些都可以用 ESLint 来规定。
.eslintrc.js文件内容/配置eslint/eslint参数
ispaomoya博客
04-26 2万+
.eslintrc.js配置，配置eslint，eslint匹配参数，eslint匹配规则，.eslintignore忽略文件
Eslint安装配置教程
weixin_44153063的博客
08-04 7979
如果 .eslintrc.js 和 package.json里的 eslintConfig 同时存在，则只读取 .eslintrc.js文件。全局安装的好处是，在任何项目我们都可以使用eslint的全局命令进行代码规则操作，但是这对我们的意义并不大，后续会详细介绍；.eslintrc.* 文件支持 .js .yaml .yal .json等格式的配置文件，这里使用 .js文件。结束之后会在你的项目根目录下生成一个.eslintrc.js文件，如图所示。在json文件中添加一项规则。如果 报错可以尝试运行。.
..eslintignore
郭宝的博客
09-02 5674
.eslintignore 是什么？ 它是用来指定eslint忽略文件和目录的，.eslintignore是一个纯文本文件。 .eslintignore 常规忽略文件及目录 build/*.js src/assets public dist ...
9. Vue-cli脚手架如何创建项目及特点
04-04
Vue-cli脚手架可以通过以下步骤创建项目： 1. 安装Node.js环境 2. 全局安装Vue-cli脚手架：`npm install -g vue-cli` 3. 创建项目：`vue init <template-name> <project-name>` 4. 进入项目：`cd <project-name>` 5. 安装依赖：`npm install` 6. 运行项目：`npm run dev` Vue-cli脚手架的特点包括： 1. 提供了多个模板供选择，如webpack、browserify等，可以根据项目需求选择合适的模板。 2. 自动化构建和打包，方便快捷。 3. 集成了Vue-router和Vuex等插件，方便项目开发。 4. 支持ES6语法和Hot-reload热更新，提高开发效率。 5. 提供了一些常用的配置选项，如端口号、打包路径等。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值