F2Elint
F2ELint 是《阿里巴巴前端规约》的配套 Lint 工具，可以为项目一键接入规约、一键扫描和修复规约问题，保障项目的编码规范和代码质量。
安装
在终端执行：
npm install f2elint -g
安装完成后，可执行 f2elint -h 以验证安装成功。
使用
f2elint init：一键接入
在项目根目录执行 f2elint init，即可一键接入规约，为项目安装规约 Lint 所需的依赖和配置。
具体会做以下事情：
-
安装各种依赖：包括 Linter 依赖，如 ESLint、stylelint、commitlint、markdownlint 等；配置依赖，如 eslint-config-ali、stylelint-config-ali、commitlint-config-ali、markdownlint-config-ali 等
-
写入各种配置文件，包括：
.eslintrc.js、.eslintignore：ESLint 配置（继承 eslint-config-ali）及黑名单文件.stylelintrc.js、.stylelintignore：stylelint 配置（继承 stylelint-config-ali）及黑名单文件commitlint.config.js：commitlint 配置（继承 commitlint-config-ali）.markdownlint.json、.markdownlintignore：markdownlint 配置及黑名单文件.prettierrc.js：符合规约的 Prettier 配置.editorconfig：符合规约的 editorconfig.vscode/extensions.json：写入规约相关的 VSCode 插件推荐，包括 ESLint、stylelint、markdownlint、prettier 等.vscode/settings.json：写入规约相关的 VSCode 设置，设置 ESLint 和 stylelint 插件的 validate 及保存时自动运行 fix，如果选择使用 Prettier，会同时将 prettier-vscode 插件设置为各前端语言的 defaultFormatter，并配置保存时自动格式化f2elint.config.js：f2elint 包的一些配置，如启用的功能等
-
配置 git commit 卡口：使用 husky 设置代码提交卡口，在 git commit 时会运行
f2elint commit-file-scan和f2elint commit-msg-scan分别对提交文件和提交信息进行规约检查。f2elint commit-file-scan默认仅对 error 问题卡口，如果你想对 warn 问题也卡口，可以增加--strict参数以开启严格模式
f2elint scan：一键扫描
在项目的根目录执行命令，即可扫描项目的规约问题：
支持下列参数：
-q--quiet仅报告 error 级别的问题-o--output-report输出扫描出的规约问题日志-i--include <dirpath>指定要进行规约扫描的目录--no-ignore忽略 eslint 的 ignore 配置文件和 ignore 规则
注 1：事实上，你可以在任意目录执行
f2elint scan，F2ELint 会根据文件类型、JSON 等特征嗅探项目类型。但我们还是推荐在执行过f2elint init的项目根目录执行f2elint scan，以得到最准确的扫描结果。注 2：F2ELint 会根据项目内有无 eslint 和 stylelint 配置文件判断使用项目的配置文件还是 F2ELint 默认配置进行扫描。若使用项目的，在未安装依赖时会帮其安装（执行 npm i）。若使用项目配置扫描失败，则使用默认配置扫描
f2elint fix：一键修复
在项目的根目录执行命令，即可修复部分规约问题：
支持下列参数：
-i--include <dirpath>指定要进行修复扫描的目录--no-ignore忽略 eslint 的 ignore 配置文件和 ignore 规则
注意请 review 下修复前后的代码，以免工具误修的情况。
f2elint commit-file-scan 提交文件扫描
在 git commit 时对提交文件进行规约问题扫描，需配合 git 的 pre-commit 钩子使用。
支持下列参数：
-s--strict严格模式，对 warn 和 error 问题都卡口，默认仅对 error 问题卡口
f2elint commit-msg-scan 提交信息扫描
git commit 时对 commit message 的格式进行扫描（使用 commitlint），需配合 husky 的 commit-msg 钩子使用。
commitizen
安装
全局安装commitizen，注意，这里是全局安装，否则无法执行插件的命令：
npm install commitizen -g
在项目内安装cz-customizable：
npm install cz-customizable --save-dev
使用
添加以下配置到 package.json 中：
"config": { "commitizen": { "path": "./node_modules/cz-customizable" } }
在根目录创建 .cz-config.js 自定义提示文件：
module.exports = {
// 可选类型
types: [
{ value: 'feat', name: 'feat: 新功能' },
{ value: 'fix', name: 'fix: 修复' },
{ value: 'docs', name: 'docs: 文档变更' },
{ value: 'style', name: 'style: 代码格式(不影响代码运行的变动)' },
{ value: 'refactor', name: 'refactor: 重构(既不是增加feature，也不是修复bug)'},
{ value: 'perf', name: 'perf: 性能优化' },
{ value: 'test', name: 'test: 增加测试' },
{ value: 'chore', name: 'chore: 构建过程或辅助工具的变动' },
{ value: 'revert', name: 'revert: 回退' },
{ value: 'build', name: 'build: 打包' }
],
// 消息步骤
messages: {
type: '请选择提交类型:',
customScope: '请输入修改范围(可选):',
subject: '请简要描述提交(必填):',
body: '请输入详细描述(可选):',
footer: '请输入要关闭的issue(可选):',
confirmCommit: '确认使用以上信息提交？(y/n/e/h)'
},
// 跳过问题
skipQuestions: ['body', 'footer'],
// subject文字长度默认是72
subjectLimit: 72
}
然后使用git cz代码git commit命令提交代码：
