feat(eslint): 配置 Eslint、Prettierrc、Husky等项目提交规范

.eslintrc.cjs

@@ -0,0 +1,30 @@
+module.exports = {
+  root: true,
+  env: {
+    browser: true, // 支持浏览器环境的检测
+    es2021: true, // 支持es2021语法的检测
+    node: true // 支持node环境的检测
+  },
+  extends: [
+    'eslint:recommended', // 使用eslint推荐的配置进行检测
+    'plugin:vue/vue3-essential' // 支持vue3相关语法的检测
+  ],
+  overrides: [],
+  parserOptions: {
+    ecmaVersion: 'latest', // 解析文件的时候使用最新的ecmaVersion
+    sourceType: 'module' // 文件是ES6模块规范
+  },
+  plugins: ['vue'],
+  rules: {
+    camelcase: 2, // 驼峰
+    indent: [2, 2], // 缩进2个空格
+    semi: [2, 'never'], // 要求或禁止使用分号代替 ASI,即禁用行尾使用分号
+    quotes: ['error', 'single'], // 强制使用一致的反勾号、双引号或单引号
+    'no-debugger': 2, // 不能debugg
+    'no-empty': 2, // 块语句中的内容不能为空
+    'no-extra-parens': 2, // 禁止非必要的括号
+    'no-extra-semi': 2, // 禁止多余的冒号
+    'comma-dangle': [2, 'never'], // 键值对最后一个不能有,
+    'spaced-comment': ['error', 'always'] // 注释必须空格
+  }
+}

.gitignore

@@ -5,6 +5,7 @@
 .nitro
 .cache
 dist
+pnpm-lock.yaml
 
 # Node dependencies
 node_modules

.husky/commit-msg

@@ -0,0 +1 @@
+npm run commitlint

.husky/pre-commit

@@ -0,0 +1 @@
+npm run pre-commit

.lintstagedrc

@@ -0,0 +1,6 @@
+{
+  "src/**/*.{ts,vue}": [
+    "prettier --write",
+    "eslint --fix"
+  ]
+}

.prettierrc

@@ -0,0 +1,7 @@
+{
+  "semi": false,
+  "singleQuote": true, 
+  "trailingComma": "none",
+  "printWidth": 100,
+  "tabWidth": 2
+}

commitlint.config.cjs

@@ -0,0 +1,34 @@
+module.exports = {
+  extends: ['@commitlint/config-conventional'],
+  rules: {
+    'type-enum': [
+      // type枚举
+      2,
+      'always',
+      [
+        'build', // 编译相关的修改，例如发布版本、对项目构建或者依赖的改动
+        'feat', // 新功能
+        'fix', // 修补bug
+        'docs', // 文档修改
+        'style', // 代码格式修改, 注意不是 css 修改
+        'refactor', // 重构
+        'perf', // 优化相关，比如提升性能、体验
+        'test', // 测试用例修改
+        'revert', // 代码回滚
+        'ci', // 持续集成修改
+        'config', // 配置修改
+        'chore' // 其他改动
+      ]
+    ],
+    'type-empty': [2, 'never'], // never: type不能为空; always: type必须为空
+    'type-case': [0, 'always', 'lower-case'], // type必须小写，upper-case大写，camel-case小驼峰，kebab-case短横线，pascal-case大驼峰，等等
+    'scope-empty': [0],
+    'scope-case': [0],
+    'subject-empty': [2, 'never'], // subject不能为空
+    'subject-case': [0],
+    'subject-full-stop': [0, 'never', '.'], // subject以.为结束标记
+    'header-max-length': [2, 'always', 72], // header最长72
+    'body-leading-blank': [0], // body换行
+    'footer-leading-blank': [0, 'always'] // footer以空行开头
+  }
+}

package.json

@@ -7,11 +7,29 @@
     "dev": "nuxt dev",
     "generate": "nuxt generate",
     "preview": "nuxt preview",
-    "postinstall": "nuxt prepare"
+    "postinstall": "nuxt prepare",
+    "prepare": "husky",
+    "checklint": "eslint --ext .js,.vue --ignore-path .gitignore .",
+    "reviselint": "eslint --fix --ext .js,.vue --ignore-path .gitignore .",
+    "pre-commit": "lint-staged",
+    "commitlint": "commitlint --config commitlint.config.cjs -e -V"
   },
   "dependencies": {
     "nuxt": "^3.11.1",
     "vue": "^3.4.21",
     "vue-router": "^4.3.0"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^19.2.1",
+    "@commitlint/config-conventional": "^19.1.0",
+    "babel-eslint": "^10.1.0",
+    "eslint": "^8.57.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-loader": "^4.0.2",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-vue": "^9.24.0",
+    "husky": "^9.0.11",
+    "lint-staged": "^15.2.2",
+    "prettier": "^3.2.5"
   }
 }