前端配置

前端配置

从项目配置文件学习前端

以下配置文件参考ant-design

.gitignore文件

gitignore使用小记

Git忽略提交规则 - .gitignore配置运维总结

这个文件的作用就是告诉Git哪些文件不需要添加到版本管理中。

# OS or Editor folders  
#.DS_Store是Mac OS保存文件夹的自定义属性的隐藏文件，如文件的图标位置或背景色，相当于Windows的desktop.ini。
.DS_Store

# WebStorm
.idea

# node.js
node_modules/
npm-debug.log
yarn-error.log

.eslintrc.js文件

Eslint 超简单入门教程

ESLint 的使用和.eslintrc.js配置

一种编码规范

在团队协作中，为避免低级 Bug、产出风格统一的代码，会预先制定编码规范。

特定：

• ESLint使用Espree JavaScript解析。
• ESLint使用AST评估模式的代码。
• ESLint完全可插入式的,每一个规则是一个插件,支持插件扩展、自定义规则。
• 默认规则包含所有 JSLint、JSHint 中存在的规则，易迁移；
• 规则可配置性高：可设置「警告」、「错误」两个 error 等级，或者直接禁用；
• 包含代码风格检测的规则（可以丢掉 JSCS 了）；

indent： 缩进风格

.babelrc

Babel 是什么

babel之配置文件.babelrc入门详解

Babel 是一个工具链，主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其他环境中

jest

.jest.node.js, .jest.site.js, jest.js

用来写测试案例

Travis这个主要是来跑基于 Linux 环境下的一些测试的

CodeCov 这个用来你的代码测试用例的可视化的，查看代码的覆盖率

Codecov是一个测试结果分析工具，travis负责执行测试，Codecov负责分析测试结果，最简单的用法就是衡量测试代码覆盖度，当然更高端的用法还有待继续学习

.editorconfig

前端综合能力系列之EditorConfig

EditorConfig 介绍

EditorConfig 帮助开发人员定义和维护跨编辑器（或IDE）的统一的代码风格

.gitpod.yml

在处理项目时，需要花费大量时间来切换项目和分支之间的上下文，设置开发环境，或者只是等待构建完成。为了减少这些时间和精力，Gitpod为开发人员的GitHub项目提供了一次性的，可随时编程的开发环境。

.npmignore(不建议使用)

当执行 npm publish 命令时，npm 会打包当前目录下的文件，同时会根据 .gitignore，.npmignore 和 package.json 中的 “files” 属性来决定忽略掉哪些文件和要包括哪些文件。

如果你的项目中没有使用.npmignore文件，那么它默认匹配的是.gitignore中的规则以及一些额外的默认配置。
可是如果你在项目中添加了.npmignore文件，.gitignore中的规则就会被忽略，而且这时候你还需要维护两份儿规则文件

.prettierrc

Prettier 代码格式化插件

prettier 代码格式美化

Prettier 代码格式化插件

• .prettierrc 文件，YAML 或 JSON 格式，可选扩展名: .yaml/.yml/.json
• .prettierrc.toml 文件，TOML 格式 (须添加 .toml 扩展名)
• prettier.config.js 或 .prettierrc.js 文件，导出一个对象
• package.json 文件添加 "prettier" key

格式化代码时，查找配置文件的顺序是由当前目录项上一层层查找。如果有 config 文件，则按照文件规则格式化。（由此推断，层级越近的配置文件，优先级越高）

.prettierignore

不需要prettier插件格式化的文件或者代码放到.prettierignore

.stylelintrc.json

stylelintrc

这是一个强大的现代 CSS 检测器，可以让开发者在样式表中遵循一致的约定和避免错误。

Stylelint 是一个基于 Javascript 的代码审查工具，它易于扩展，支持最新的 CSS 语法，也理解类似 CSS 的语法。

stylelint 使用 cosmiconfig 来完成查找和加载你的配置对象。从当前工作目录开始，它将按以下顺序查找尽可能的来源：

• package.json 中的 stylelint 属性
• .stylelintrc 文件
• stylelint.config.js 文件输出的 JS 对象

.stylelintrc文件（不带扩展名）可以是 JSON 或 YAML 格式的。或者，你可以添加一个文件扩展名，来区分 JSON，YAML 或 JS 格式：.stylelintrc.json，.stylelintrc.yaml，.stylelintrc.js。你可能想使用一个扩展名，这样你的文本编辑器可以更好的解释文件，以更好进行语法检查和高亮显示。

一旦发现它们中的任何一个，将不再继续进行查找，进行解析，将使用解析后的对象。

当使用 config 或 configFile 选项时，配置文件的搜索可能会停止。

crowdin.yml

crowdin

一个翻译平台，将文件进行翻译

netlify.toml

Netlify可以用来做静态网站的持续集成与持续部署的工具

renovate.json

renovate

自动化的依赖项更新。多平台和多语言。

tsconfig.json

tsconfig.json

如果一个目录下存在一个tsconfig.json文件，那么它意味着这个目录是TypeScript项目的根目录。 tsconfig.json文件中指定了用来编译这个项目的根文件和编译选项。一个项目可以通过以下方式之一来编译：

使用tsconfig.json:

• 不带任何输入文件的情况下调用tsc，编译器会从当前目录开始去查找tsconfig.json文件，逐级向上搜索父目录。
• 不带任何输入文件的情况下调用tsc，且使用命令行参数--project（或-p）指定一个包含tsconfig.json文件的目录。

.flowconfig

Flow是JavaScript代码的静态类型检查器。 它可以帮助您提高工作效率。让您的代码更快，更智能，更自信，更大规模。

azure-pipelines.yml

创建 CI/CD 流水线

.depslintrc.js