You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
102 lines
1.8 KiB
102 lines
1.8 KiB
4 years ago
|
# tall-mui-cli
|
||
|
|
|
||
|
|
## 发布注意事项
|
||
|
|
|
||
|
|
环境变量里的`VUE_APP_VERSION=v3.0.1` 如果project路径变了 或者版本升级了, 发行之前一定要跟着改
|
||
|
|
|
||
|
|
本项目, TALL程序主体框架升级, 或者服务端路径变化, 要修改`manifest.json` 下的 `h5.router.base`
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
## 项目运行
|
||
|
|
|
||
|
|
### 安装依赖
|
||
|
|
```
|
||
|
|
yarn
|
||
|
|
```
|
||
|
|
|
||
|
|
### 本地环境运行
|
||
|
|
+ h5
|
||
|
|
```
|
||
|
|
yarn dev:h5
|
||
|
|
```
|
||
|
|
|
||
|
|
浏览器输入网址:
|
||
|
|
http://localhost:8080/tall/v3.0.1/#/?u=1217647686598135808&p=1420652719055839232
|
||
|
|
- u: userId
|
||
|
|
- p: projectId
|
||
|
|
- r: roleId
|
||
|
|
- pn: projectName
|
||
|
|
- t: taskId
|
||
|
|
|
||
|
|
+ 微信小程序
|
||
|
|
```
|
||
|
|
yarn dev:mp-weixin
|
||
|
|
```
|
||
|
|
|
||
|
|
+ app
|
||
|
|
```
|
||
|
|
yarn dev:app-plus
|
||
|
|
```
|
||
|
|
|
||
|
|
### 生产环境构建
|
||
|
|
|
||
|
|
+ h5
|
||
|
|
```
|
||
|
|
yarn build:h5
|
||
|
|
```
|
||
|
|
|
||
|
|
+ app
|
||
|
|
```
|
||
|
|
yarn build:app-plus
|
||
|
|
```
|
||
|
|
|
||
|
|
+ 微信小程序
|
||
|
|
```
|
||
|
|
yarn build:mp-weixin
|
||
|
|
```
|
||
|
|
|
||
|
|
### Customize configuration
|
||
|
|
See [Configuration Reference](https://cli.vuejs.org/config/).
|
||
|
|
|
||
|
|
## 代码提交
|
||
|
|
|
||
|
|
+ 项目设置了commit lint, commit信息验证;运行`yarn cz` 命令依次填写commit信息即可
|
||
|
|
+ 以及pre-commit钩子执行eslint代码格式检测, 代码格式不符合规则无法提交
|
||
|
|
|
||
|
|
```
|
||
|
|
yarn cz
|
||
|
|
```
|
||
|
|
|
||
|
|
## 技术栈
|
||
|
|
|
||
|
|
### UI及工具库
|
||
|
|
+ uni-app的cli构建版本
|
||
|
|
+ vuex vue官方状态管理库
|
||
|
|
+ tailwindcss 公共样式库(注意这个版本不是最新版本, 最新版本安装后报错)
|
||
|
|
+ uview-ui uni-app组件库
|
||
|
|
+ alloyfinger 移动端手势库
|
||
|
|
+ dayjs 时间处理库
|
||
|
|
+ pwa 处理缓存, 构建离线应用
|
||
|
|
|
||
|
|
|
||
|
|
### 构建相关
|
||
|
|
+ sass node-sass
|
||
|
|
+ prettier 自动格式化代码
|
||
|
|
+ eslint 代码可是校验
|
||
|
|
+ commitlint git commit信息校验
|
||
|
|
+ husky lint-staged git钩子处理commit校验及eslint代码检测
|
||
|
|
+ vue-cli-plugin-mock mock数据
|
||
|
|
|
||
|
|
## H5 indexedDB
|
||
|
|
### 设计概要
|
||
|
|
|
||
|
|
db挂载到全局的store上，store存放的数据：
|
||
|
|
```js
|
||
|
|
{
|
||
|
|
db: null, // object
|
||
|
|
name: 'TALL_indexedDB', // string
|
||
|
|
version: 1, // number
|
||
|
|
}
|
||
|
|
```
|