Newer
Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!--
* @Date: 2024-06-05 16:59:59
* @LastEditors: 'zhouyunhui' 'zhouyunhui@gstanzer.com'
* @LastEditTime: 2024-06-05 17:06:28
* @FilePath: \template-uni-vue3\README.md
-->
# vue3 + pinia + unocss
## 统一使用pnpm来install
## pinia
pinia配置persist,会使用持久化保存（uniStorage）
```ts
import { defineStore } from 'pinia'
function store() {
const username = ref('')
const token = ref('')
function setToken(value: string) {
token.value = value
}
return {
username,
token,
setToken,
}
}
export const useUserStore = defineStore('user', store, {
persist: {
enabled: true,
},
})
```
## unocss
[类名查询](https://unocss.dev/interactive/?s=background)
[icon方案](https://antfu.me/posts/icons-in-pure-css-zh)
默认使用[mdi](https://icones.js.org/collection/mdi)图标
```ts
// 图标大小由font-size决定
// mdi图标使用
<view class="i-mdi-home u-fixed text-sm" />
// 自定义图标使用
<view class="i-tan-drop text-sm" />
```
## 自动导入
基于auto-imports插件自动导入了vue、uni、uni-mini-router的相关方法，组件内无需再次引入
## 提交规范
```JSON
feat：新增功能
fix：bug 修复
docs：文档更新
style：不影响程序逻辑的代码修改(修改空白字符，格式缩进，补全缺失的分号等，没有改变代码逻辑)
refactor：重构代码(既没有新增功能，也没有修复 bug)
perf：性能, 体验优化
test：新增测试用例或是更新现有测试
build：主要目的是修改项目构建系统(例如 glup，webpack，rollup 的配置等)的提交
ci：主要目的是修改项目继续集成流程(例如 Travis，Jenkins，GitLab CI，Circle等)的提交
chore：不属于以上类型的其他类，比如构建流程, 依赖管理构建过程或辅助工具的变动
revert：回滚某个更早之前的提交
```
## eslint
.vscode里的配置文件不要删,结合eslint-config + eslint-format + simple-git-hook 自动修复eslint问题和样式问题
## 一键发布
```mjs
npm run mini
? 请选择以下小程序 (Use arrow keys)
❯ 测试
版本号为：1.0.1 (1.0.1)
...
上传成功
```