feat(other): feat

.cz-config.js

@@ -0,0 +1,60 @@
+module.exports = {
+  // 可选类型
+  types: [
+    {
+      value: ':sparkles: feat',
+      name: '✨ feat:   新功能'
+    },
+    {
+      value: ':bug: fix',
+      name: '🐛 fix:    修复'
+    },
+    {
+      value: ':memo: docs',
+      name: '📝 docs:    文档变更'
+    },
+    {
+      value: ':lipstick: style',
+
+      name: '💄 style:   代码格式(不影响代码运行的变动)'
+    },
+    {
+      value: ':recycle: refactor',
+
+      name: '♻️  refactor:   重构 (既不增加feature, 也不是修复bug)'
+    },
+    {
+      value: ':zap: perf',
+      name: '⚡️ perf:    性能优化'
+    },
+    {
+      value: ':white_check_mark: test',
+      name: '✅ test:    增加测试'
+    },
+    {
+      value: ':wrench: chore',
+      name: '🔧 chore:   构建过程或辅助工具的变动'
+    },
+    {
+      value: ':rewind: revert',
+      name: '⏪ revert:   回退'
+    },
+    {
+      value: ':rocket: build',
+      name: '🚀 build:   打包'
+    }
+  ],
+
+  // 步骤
+
+  messages: {
+    type: '请选择提交的类型：',
+    customScope: '情输入修改的范围(可选)',
+    subject: '请简要描述提交(必填)',
+    body: '请输入详细描述(可选)',
+    footer: '请输入要关闭的issus(可选)',
+    confirmCommit: '确认要使用以上信息提交？(y/n)'
+  },
+  // 默认长度72
+  subjectLimit: 72
+};

commitlint.config.js

@@ -0,0 +1,22 @@
+module.exports = {
+  extends: ['@commitlint/config-conventional'],
+  rules: {
+    'type-enum': [
+      2,
+      'always',
+      [
+        'build',
+        'feat',
+        'fix',
+        'docs',
+        'style',
+        'refactor',
+        'test',
+        'chore',
+        'revert',
+      ],
+    ],
+    'subject-full-stop': [0, 'never'],
+    'subject-case': [0, 'never'],
+  },
+}

content/frontend/react/next/create.md

@@ -188,7 +188,15 @@ npm install --save-dev lint-staged
 }
 ```
 
-这样，每次在执行git commit命令时，都会自动执行npm中定义的lint和test命令
+这样，每次在执行git commit命令时，都会自动执行 npx lint-staged(package.json中配置的lint-staged)
+
+增加 commitlint.config.js 安装对应的依赖包
+
+```shell
+npm i @commitlint/config-conventional @commitlint/cli --save-dev
+```
+
+然后使用 Husky 启用 commitlint
 
 - commitizen 就像是生产线上的模板，它定义了产品的外观和结构，提供了一种易于理解和使用的模板来生成规范化的提交信息。
 - cz-customizable 就像是生产线上的调整机器，你可以给产品换个颜色，换个包装等等。它可以根据不同的需求对模板进行定制，适应不同的项目需求。