上贤软件工作室的 uniapp 的项目模版

vue2
vuex
vuex-persistedstate
vuex-module-decorators
compositon-api
uniapp
typescript
husky
sass // 原为 node-sass，现替换为 dart-sass 方式，方便安装，有需要可以自行替换
sass-loader
mock-server-local
whistle

npm i whistle -g

地址：https://zhuanlan.zhihu.com/p/131332462

local history => 用于本地开发文件的历史记录，类似webstorm的功能
git graph
git history
elsint
vetur

npm i yarn -g
yarn
yarn serve

yarn mock
yarn w2

"w2": "w2 stop && w2 start -p 7799 && w2 add --force .whistle.js", // whstle启动
"w2:stop": "w2 stop",
"w2:mock": "w2 stop && w2 start && w2 add --force .whistle.js --mockPort 7777",
"mock": "mock -p 7777 -d ./mock", // mock启动

根路径：
    .env.development // 开发编译配置
    .env.production // 生产环境编译配置
    .prettierrc // prettier-vscode插件的配置文件
    .prettierignore // prettier依赖的忽略格式化的配置文件
    prettier.config.js // prettier依赖的配置文件
    .eslintrc.js // eslint的配置文件
    .stylelintignore // stylelint依赖的忽略格式化的配置文件
    stylelint.config.js // stylelint依赖的配置文件
    lint-staged.config.js // lint-staged的配置文件
mock：mock模拟数据
src路径：
api：存放通用的业务请求数据接口封装
assets：资源存放处
components：存放通用组件、业务组件
config：项目配置（采用模块化）
datas：存放静态json数据
filters：存放全局的filters
libs：第三方插件依赖库
    http：请求封装库
    message：弹窗显示库
pakages: 分包页面
    user：示例
        每个分包都可以拥有自己的pages以及static
pages：主包主页面
static：静态资源存放
    icons：全局图标存放库
store：全局状态库
    local: 持久化层
    modules: 分模块状态层
    index.ts: 入口文件
styles：全局样式库
utils：工具类
    使用小驼峰命名方式
validator：通用数据校验库
App.vue: 页面入口
main.ts：逻辑入口

写了适配器进行更换普通请求等底层，upload仍使用原有版本
路径：http/libs/axios
目录解释：
    code: 通用错误响应封装
    base：基础请求包装
    fit-uniapp: 底层适配封装
    request-interceptor: 请求拦截器
    response-interceptor：响应拦截器

当你使用多层绝对定位/其他定位时，记住，统一级别的都是根据祖元素进行diff你的z-index的
动态列表和动态卡片都有封装一定的接口逻辑，我理解这个地方可以重构在页面组件触发对应的修改外部数据的组件

  env: {
    browser: true,
    node: true,
    es6: true,
    'jest/globals': true,
    jest: true,
    'weixin-app': true
  },

yarn add -D @types/jest @vue/cli-plugin-unit-jest jest ts-jest
并创建：
jest.config.js文件编写配置

{
  "husky": {
    "hooks": {
      "pre-commit": "lint-staged"
    }
  },
  "lint-staged": {
    "src/**/*.js": "prettier --write --ignore-unknown"
  }
}

1.npm install husky lint-staged prettier --save-dev
2.npx husky install【启用】
  "prepare": "husky install"  【install后自动启用，这个操作一定要做，否则下次新拉代码还需要手动启用】
3.npx husky add .husky/pre-commit "npm run lint-staged"  【创建一个hook，执行完根目录回生成一个.husky目录】
继续在 scripts 里面添加　　"lint": "eslint --ext .js,.jsx,.ts,.tsx src", "lint-staged": "lint-staged"
package.json  里面添加 　   "lint-staged": { "**/*.{js,jsx,ts,tsx}": "npm run lint", "**/*.{js,jsx,tsx,ts,less,md}": [ "prettier --write" ] }

"lint": "eslint ./src/**/*.{js,jsx,vue,ts,tsx} --fix",
"prepare": "husky install",
"add:husky-config": "husky add .husky/pre-commit 'npm run lint-staged'",
"lint-staged": "lint-staged",

  "lint-staged": {
    "src/**/*.{jsx,txs,ts,js,vue}": [
      "prettier --config .prettierrc.js --write",
      "eslint --fix",
      "git add"
    ]
  },