chore 🔥: 添加项目的代码格式化工具

.eslintignore

@@ -0,0 +1,12 @@
+*.sh
+node_modules
+*.md
+*.woff
+*.ttf
+.vscode
+.idea
+dist
+/public
+/docs
+.husky
+.local

.eslintrc.cjs

@@ -0,0 +1,66 @@
+// @see: http://eslint.cn
+
+module.exports = {
+    root: true,
+    env: {
+      browser: true,
+      node: true,
+      es6: true
+    },
+    // 指定如何解析语法
+    parser: 'vue-eslint-parser',
+    // 优先级低于 parse 的语法解析配置
+    parserOptions: {
+      parser: '@typescript-eslint/parser',
+      ecmaVersion: 2020,
+      sourceType: 'module',
+      jsxPragma: 'React',
+      ecmaFeatures: {
+        jsx: true
+      }
+    },
+    // 继承某些已有的规则
+    extends: [
+      'plugin:vue/vue3-recommended',
+      'plugin:@typescript-eslint/recommended',
+      'plugin:prettier/recommended'
+    ],
+    /**
+     * "off" 或 0    ==>  关闭规则
+     * "warn" 或 1   ==>  打开的规则作为警告（不影响代码执行）
+     * "error" 或 2  ==>  规则作为一个错误（代码不能执行，界面报错）
+     */
+    rules: {
+      // eslint (http://eslint.cn/docs/rules)
+      'no-var': 'error', // 要求使用 let 或 const 而不是 var
+      'no-multiple-empty-lines': ['error', { max: 1 }], // 不允许多个空行
+      'prefer-const': 'off', // 使用 let 关键字声明但在初始分配后从未重新分配的变量，要求使用 const
+      'no-use-before-define': 'off', // 禁止在 函数/类/变量 定义之前使用它们
+
+      // typeScript (https://typescript-eslint.io/rules)
+      '@typescript-eslint/no-unused-vars': 'error', // 禁止定义未使用的变量
+      '@typescript-eslint/no-empty-function': 'error', // 禁止空函数
+      '@typescript-eslint/prefer-ts-expect-error': 'error', // 禁止使用 @ts-ignore
+      '@typescript-eslint/ban-ts-comment': 'error', // 禁止 @ts-<directive> 使用注释或要求在指令后进行描述
+      '@typescript-eslint/no-inferrable-types': 'off', // 可以轻松推断的显式类型可能会增加不必要的冗长
+      '@typescript-eslint/no-namespace': 'off', // 禁止使用自定义 TypeScript 模块和命名空间
+      '@typescript-eslint/no-explicit-any': 'off', // 禁止使用 any 类型
+      '@typescript-eslint/ban-types': 'off', // 禁止使用特定类型
+      '@typescript-eslint/no-var-requires': 'off', // 允许使用 require() 函数导入模块
+      '@typescript-eslint/no-non-null-assertion': 'off', // 不允许使用后缀运算符的非空断言(!)
+
+      // vue (https://eslint.vuejs.org/rules)
+      'vue/script-setup-uses-vars': 'error', // 防止<script setup>使用的变量<template>被标记为未使用，此规则仅在启用该 no-unused-vars 规则时有效
+      'vue/v-slot-style': 'error', // 强制执行 v-slot 指令样式
+      'vue/no-mutating-props': 'error', // 不允许改变组件 prop
+      'vue/custom-event-name-casing': 'error', // 为自定义事件名称强制使用特定大小写
+      'vue/html-closing-bracket-newline': 'error', // 在标签的右括号之前要求或禁止换行
+      'vue/attribute-hyphenation': 'error', // 对模板中的自定义组件强制执行属性命名样式：my-prop="prop"
+      'vue/attributes-order': 'off', // vue api使用顺序，强制执行属性顺序
+      'vue/no-v-html': 'off', // 禁止使用 v-html
+      'vue/require-default-prop': 'off', // 此规则要求为每个 prop 为必填时，必须提供默认值
+      'vue/multi-word-component-names': 'off', // 要求组件名称始终为 “-” 链接的单词
+      'vue/no-setup-props-destructure': 'off', // 禁止解构 props 传递给 setup
+      'vue/html-closing-bracket-newline': 'off'
+    }
+  }

.prettierignore

@@ -0,0 +1,9 @@
+/dist/*
+.local
+.output.js
+/node_modules/**
+
+**/*.svg
+**/*.sh
+
+/public/*

.prettierrc.cjs

@@ -0,0 +1,8 @@
+module.exports = {
+    "useTabs": false,
+    "tabWidth": 2,
+    "printWidth": 100,
+    "singleQuote": true,
+    "trailingComma": "none",
+    "semi": false
+  }

.stylelintignore

@@ -0,0 +1,4 @@
+/dist/*
+/public/*
+public/*
+stats.html

.stylelintrc.cjs

@@ -0,0 +1,40 @@
+// @see: https://stylelint.io
+
+module.exports = {
+    root: true,
+    // 继承某些已有的规则
+    extends: [
+      "stylelint-config-standard", // 配置 stylelint 拓展插件
+      "stylelint-config-html/vue", // 配置 vue 中 template 样式格式化
+      "stylelint-config-standard-scss", // 配置 stylelint scss 插件
+      "stylelint-config-recommended-vue/scss", // 配置 vue 中 scss 样式格式化
+      "stylelint-config-recess-order" // 配置 stylelint css 属性书写顺序插件,
+    ],
+    overrides: [
+      // 扫描 .vue/html 文件中的 <style> 标签内的样式
+      {
+        files: ["**/*.{vue,html}"],
+        customSyntax: "postcss-html"
+      }
+    ],
+    rules: {
+      "function-url-quotes": "always", // URL 的引号 "always(必须加上引号)"|"never(没有引号)"
+      "color-hex-length": "long", // 指定 16 进制颜色的简写或扩写 "short(16进制简写)"|"long(16进制扩写)"
+      // "rule-empty-line-before": "never", // 要求或禁止在规则之前的空行 "always(规则之前必须始终有一个空行)"|"never(规则前绝不能有空行)"|"always-multi-line(多行规则之前必须始终有一个空行)"|"never-multi-line(多行规则之前绝不能有空行)"
+      "font-family-no-missing-generic-family-keyword": null, // 禁止在字体族名称列表中缺少通用字体族关键字
+      "scss/at-import-partial-extension": null, // 解决不能使用 @import 引入 scss 文件
+      "property-no-unknown": null, // 禁止未知的属性
+      "no-empty-source": null, // 禁止空源码
+      "selector-class-pattern": null, // 强制选择器类名的格式
+      "value-no-vendor-prefix": null, // 关闭 vendor-prefix (为了解决多行省略 -webkit-box)
+      "no-descending-specificity": null, // 不允许较低特异性的选择器出现在覆盖较高特异性的选择器
+      "value-keyword-case": null, // 解决在 scss 中使用 v-bind 大写单词报错
+      "selector-pseudo-class-no-unknown": [
+        true,
+        {
+          ignorePseudoClasses: ["global", "v-deep", "deep"]
+        }
+      ]
+    },
+    ignoreFiles: ["**/*.js", "**/*.jsx", "**/*.tsx", "**/*.ts"]
+  };

package.json

@@ -10,7 +10,11 @@
     "storybook": "pnpm --filter @breeze-ui/play storybook",
     "test": "cross-env NODE_ENV=test pnpm --filter @breeze-ui/components test",
     "build": "cross-env NODE_ENV=production pnpm --filter breeze-ui-lib build",
-    "build:dev": "cross-env NODE_ENV=development pnpm --filter breeze-ui-lib build:watch"
+    "build:dev": "cross-env NODE_ENV=development pnpm --filter breeze-ui-lib build:watch",
+    "lint": "eslint --ext .js,.ts,.vue ./packages",
+    "lint:fix": "eslint --fix --ext .js,.ts,.vue ./packages",
+    "lint:prettier": "prettier --write \"packages/**/*.{js,ts,tsx,css,less,scss,vue,html}\"",
+    "lint:stylelint": "stylelint  \"**/*.{css,scss,vue}\" --fix"
   },
   "keywords": [],
   "author": "",
@@ -31,7 +35,22 @@
     "typescript": "^5.2.2",
     "vite": "^5.1.4",
     "vitest": "^1.4.0",
-    "vue-tsc": "^1.8.27"
+    "vue-tsc": "^1.8.27",
+    "@typescript-eslint/eslint-plugin": "^7.7.0",
+    "@typescript-eslint/parser": "^7.7.0",
+    "autoprefixer": "^10.4.20",
+    "eslint": "^8.57.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-vue": "^9.25.0",
+    "prettier": "^3.2.5",
+    "stylelint": "^16.6.1",
+    "stylelint-config-html": "^1.1.0",
+    "stylelint-config-recess-order": "^5.0.1",
+    "stylelint-config-recommended-scss": "^14.0.0",
+    "stylelint-config-recommended-vue": "^1.5.0",
+    "stylelint-config-standard": "^36.0.0",
+    "stylelint-config-standard-scss": "^13.1.0"
   },
   "dependencies": {
     "@breeze-ui/hooks": "workspace:*",