45
45
32 . 全局通用 toast 通知
46
46
33 . 全局通用 axios 请求封装
47
47
34 . 自动生成环境变量类型声明
48
+ 35 . ` renovate ` 自动更新依赖
49
+ 36 . 自动版本更新并生成 ` CHANGELOG `
48
50
49
51
<br />
50
52
<br />
@@ -835,7 +837,7 @@ export const useCounterStore = defineStore("counter", {
835
837
` ` ` ts
836
838
// src/plugins/pinia.ts
837
839
// 导出 default 接口
838
- export default createPinia () // pinia 将被自动安装
840
+ export default createPinia (); // pinia 将被自动安装
839
841
` ` `
840
842
841
843
或者 ` vue- router`
@@ -845,7 +847,7 @@ export default createPinia() // pinia 将被自动安装
845
847
// 省略各种配置
846
848
847
849
// 导出 default 接口
848
- export default router // 路由将被自动安装
850
+ export default router ; // 路由将被自动安装
849
851
` ` `
850
852
851
853
当然 ` pinia` 和 ` vue- router` 已经预设好了,你不需要重新关注他们。
@@ -913,7 +915,8 @@ pnpm coverage
913
915
914
916
当然也支持在 ` markdown` 中嵌入 ` vue` 组件
915
917
916
- 具体可见 👉 [vite-plugin-vue-markdown](https://github.com/antfu/vite-plugin-vue-markdown)
918
+ 具体可见 👉
919
+ [vite-plugin-vue-markdown](https://github.com/antfu/vite-plugin-vue-markdown)
917
920
918
921
<br />
919
922
<br />
@@ -971,7 +974,7 @@ not-found: Notfound
971
974
又如 ` locales/zh-CN.yml` 中用来定义需要国际化支持的中文内容。
972
975
973
976
` ` ` yml
974
- # locales/zh-CN .yml
977
+ # locales/简体中文 .yml
975
978
# 中文
976
979
977
980
index: 主页
@@ -989,7 +992,7 @@ not-found: 未找到页面
989
992
990
993
const toggleLocale = () => {
991
994
// locale.value 用来表示当前所属语言,可修改进行语言切换
992
- locale.value = locale.value === 'zh-CN' ? 'en' : 'zh-CN '
995
+ locale.value = locale.value === 'zh-CN' ? 'en' : '简体中文 '
993
996
}
994
997
</script>
995
998
@@ -1189,26 +1192,50 @@ import { useRequest } from "vue-request";
1189
1192
1190
1193
const { data, error, loading } = useRequest(() => http.get("..."));
1191
1194
1192
- loading.value // 是否加载中
1195
+ loading.value; // 是否加载中
1193
1196
1194
- error.value // 错误内容
1197
+ error.value; // 错误内容
1195
1198
1196
- data.value // 响应数据
1199
+ data.value; // 响应数据
1197
1200
` ` `
1198
1201
1199
- 该 `http` 实例的 `baseURL` 取自环境变量文件 `.env` 的 `VITE_API_BASE_URL`,默认为 `/api`,可以按自己需求更改。
1202
+ 该 `http` 实例的 `baseURL` 取自环境变量文件 `.env` 的
1203
+ ` VITE_API_BASE_URL` ,默认为 `/api`,可以按自己需求更改。
1200
1204
1201
1205
具体可见 👉 [axios](https://www.axios-http.cn/)
1202
1206
1203
-
1204
1207
<br />
1205
1208
<br />
1206
1209
1207
1210
# ## 34. [自动生成环境变量类型声明](https://github.com/dishait/vite-plugin-env-types)
1208
1211
1209
- 在 `vite` 项目中,我们虽然可以在 `.env` 中设置环境变量,并在前端源码中通过 `import.meta.env` 来使用它们,但是类型提示是糟糕的。这个功能可以自动生成类型声明以达到实时的类型提示,让你不需要关心和手动管理它们。
1212
+ 在 `vite` 项目中,我们虽然可以在 `.env` 中设置环境变量,并在前端源码中通过
1213
+ ` import.meta.env`
1214
+ 来使用它们,但是类型提示是糟糕的。这个功能可以自动生成类型声明以达到实时的类型提示,让你不需要关心和手动管理它们。
1215
+
1216
+ 具体可见 👉
1217
+ [vite-plugin-env-types](https://github.com/dishait/vite-plugin-env-types)
1218
+
1219
+ <br />
1220
+ <br />
1221
+
1222
+ 35. [`renovate` 自动更新依赖](https://github.com/renovatebot/renovate)
1223
+
1224
+ ` github` 的 [renovate](https://github.com/marketplace/renovate) 机器人会定期对
1225
+ ` github` 检查依赖,并向仓库提起 `pr`,更新策略 👉
1226
+ [unjs/renovate-config](https://github.com/unjs/renovate-config)
1227
+
1228
+ 具体可见 👉 [renovate](https://github.com/renovatebot/renovate)
1229
+
1230
+ <br />
1231
+ <br />
1232
+
1233
+ 36. [自动版本更新并生成 `CHANGELOG`](https://github.com/unjs/changelogen)
1234
+
1235
+ 当我们执行 `pnpm run release` 时,会自动进行版本更新,并更新
1236
+ [CHANGELOG.md](./CHANGELOG.md)。
1210
1237
1211
- 具体可见 👉 [vite-plugin-env-types ](https://github.com/dishait/vite-plugin-env-types )
1238
+ 具体可见 👉 [unjs/changelogen ](https://github.com/unjs/changelogen )
1212
1239
1213
1240
<br />
1214
1241
<br />
0 commit comments