feat: init project

Author: jipengfei01

.commitlintrc.js

@@ -0,0 +1,14 @@
+module.exports = {
+  extends: ['@commitlint/config-conventional'],
+}
+//   { value: 'feat', name: 'feat:     新增功能' },
+//   { value: 'fix', name: 'fix:      修复缺陷' },
+//   { value: 'docs', name: 'docs:     文档变更' },
+//   { value: 'style', name: 'style:    代码格式' },
+//   { value: 'refactor', name: 'refactor: 代码重构' },
+//   { value: 'perf', name: 'perf:     性能优化' },
+//   { value: 'test', name: 'test:     添加疏漏测试或已有测试改动' },
+//   { value: 'build', name: 'build:    构建流程、外部依赖变更 (如升级 npm 包、修改打包配置等)' },
+//   { value: 'ci', name: 'ci:       修改 CI 配置、脚本' },
+//   { value: 'revert', name: 'revert:   回滚 commit' },
+//   { value: 'chore', name: 'chore:    对构建过程或辅助工具和库的更改 (不影响源文件、测试用例)' },

.env

@@ -0,0 +1,4 @@
+# 一些通用的环境配置，通过import.meta.env使用 https://cn.vitejs.dev/guide/env-and-mode.html
+VITE_API_URL = "" # 接口地址 eg: https://127.0.0.1:443
+VITE_HOST = "0.0.0.0"
+VITE_PORT = 8010

.eslintignore

@@ -0,0 +1,3 @@
+node_modules/*
+public
+dist

.eslintrc.cjs

@@ -0,0 +1,85 @@
+/* eslint-env node */
+require('@rushstack/eslint-patch/modern-module-resolution') // 这个库是用来解决monoRep可能出现的问题的，后期可以考虑把项目转成monoRep
+
+// https://cn.eslint.org/docs/rules/
+/*
+ * "off"或者0，不启用这个规则
+ * "warn"或者1，出现问题会有警告
+ * "error"或者2，出现问题会报错
+ * ---------------------------
+ * extends 直接应用别人的规范,包括其parser,overrides,rules等等
+ * plugin 引入别人新增的规则，具体是否开启要在rules中自己配置。
+ */
+
+module.exports = {
+  root: true,
+  env: {
+    browser: true,
+    node: true,
+    es6: true,
+  },
+  extends: [
+    'eslint:recommended',
+    'plugin:vue/vue3-essential',
+    'plugin:vue/recommended',
+    'plugin:@typescript-eslint/eslint-recommended', // 使用推荐的规则，来自@typescript-eslint/eslint-plugin
+    'plugin:prettier/recommended', // prettier配置 关闭 ESLint 中与 Prettier 中会发生冲突的规则
+  ],
+  globals: {
+    // script setup
+    defineProps: 'readonly',
+    defineEmits: 'readonly',
+    defineExpose: 'readonly',
+    defineOptions: 'readonly',
+    withDefaults: 'readonly',
+    NodeJS: 'readonly',
+  },
+  plugins: [
+    '@typescript-eslint',
+    'simple-import-sort', // import和export排序
+    'prettier', // 将 Prettier 的规则设置到 ESLint 的规则中
+  ],
+  parserOptions: {
+    parser: {
+      js: 'espree',
+      jsx: 'espree',
+      ts: '@typescript-eslint/parser',
+      tsx: '@typescript-eslint/parser',
+      // Leave the template parser unspecified, so that it could be determined by `<script lang="...">`
+    },
+    extraFileExtensions: ['.vue'], // .vue文件将被这个parser解析
+    ecmaVersion: 'latest', // es使用最新版本语法解析
+    sourceType: 'module', // esm,允许import和export
+    ecmaFeatures: {
+      jsx: true,
+      tsx: true,
+    },
+  },
+  parser: 'vue-eslint-parser',
+  overrides: [
+    {
+      files: ['*.ts', '*.tsx', '*.vue'],
+      rules: {
+        // The core 'no-unused-vars' rules (in the eslint:recommeded ruleset)
+        // does not work with type definitions
+        'no-unused-vars': 'off',
+        '@typescript-eslint/no-unused-vars': 'warn',
+      },
+    },
+  ],
+
+  rules: {
+    'simple-import-sort/imports': 'error', // import sort排序
+    'simple-import-sort/exports': 'error', // export sort排序
+    'vue/multi-word-component-names': 0, // 组件名多单词
+    'vue/no-multiple-template-root': 'off', // v3支持多个根组件了，这个规则主要是针对v2的
+    'vue/no-v-model-argument': 'off', // 禁止使用v-model的参数 eg: v-model:argName = 'argValue'
+    'vue/no-dupe-keys': 'off',
+    '@typescript-eslint/consistent-type-imports': 'off',
+    // 'import-type': 'error',
+    // 'vue/custom-event-name-casing': 'off',
+    // 'vue/require-default-prop': 'off',
+    // 'vue/require-prop-types': 'off',
+    // 'vue/define-component': 'off',
+  },
+}

.gitignore

@@ -0,0 +1,28 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+.DS_Store
+dist
+dist-ssr
+coverage
+*.local
+
+/cypress/videos/
+/cypress/screenshots/
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

.husky/commit-msg

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npx --no-install commitlint -e 

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npm run lint:lint-staged

.lintstagedrc.json

@@ -0,0 +1,8 @@
+{
+  "*.{js,jsx,ts,tsx}": ["eslint --fix", "prettier --write"],
+  "!(package)*.json": ["prettier --write--parser json"],
+  "package.json": ["prettier --write"],
+  "*.vue": ["eslint --fix", "stylelint --fix", "prettier --write"],
+  "*.{vue,css,scss,postcss,less}": ["stylelint --fix", "prettier --write"],
+  "*.md": ["prettier --write"]
+}

.prettierignore

@@ -0,0 +1,7 @@
+dist
+node_modules
+public
+
+**/*.svg
+**/*.sh
+

.prettierrc.js

@@ -0,0 +1,16 @@
+module.exports = {
+  arrowParens: 'avoid', // 箭头函数参数括号
+  printWidth: 80, //单行长度
+  tabWidth: 2, //缩进长度
+  useTabs: false, //使用空格代替tab缩进
+  semi: false, //句末使用分号
+  singleQuote: true, //使用单引号
+  quoteProps: 'as-needed', //仅在必需时为对象的key添加引号
+  jsxSingleQuote: true, // jsx中使用单引号
+  trailingComma: 'all', //多行时尽可能打印尾随逗号
+  bracketSpacing: true, //在对象前后添加空格-eg: { foo: bar }
+  jsxBracketSameLine: true, //多属性html标签的‘>’折行放置
+  proseWrap: 'preserve', // 使用默认的折行标准,主要是针对markdown
+  htmlWhitespaceSensitivity: 'css', //对HTML全局空白不敏感
+  endOfLine: 'lf', //结束行形式
+}