mirror of
https://github.com/XiaoDaiGua-Ray/ray-template.git
synced 2025-04-06 03:57:49 +08:00
51 lines
1.0 KiB
Markdown
51 lines
1.0 KiB
Markdown
# Ray template
|
||
|
||
模板按照个人习惯进行原始框架、组件的引入与封装, 采用 `Vue 3` `TypeScript` `TSX` 进行开发
|
||
|
||
## 启动项目
|
||
|
||
`yarn dev` / `npm run dev`
|
||
|
||
## 项目打包
|
||
|
||
`yarn build` / `npm run build`
|
||
|
||
## 项目说明
|
||
|
||
## 使用开源库
|
||
|
||
- [pinia](https://pinia.vuejs.org/) `全局状态管理器`
|
||
- [@vueuse](https://vueuse.org/) `vue3 hooks`
|
||
- [vue-router](https://router.vuejs.org/zh/) `router`
|
||
- [axios](http://axios-js.com/zh-cn/docs/index.html) `ajax request`
|
||
- [vue-i18n](https://kazupon.github.io/vue-i18n/zh/introduction.html) `国际化`
|
||
|
||
## 项目结构
|
||
|
||
```
|
||
- assets: 项目静态资源入口
|
||
- images: 项目图片资源
|
||
|
||
- `component`: 全局共用组件
|
||
|
||
- `icons`: 项目svg图标资源，需要配合 `RayIcon` 组件使用
|
||
|
||
- `language`: 国际化
|
||
|
||
- `router`: 路由表
|
||
|
||
- store: `pinia` 全局状态管理入口
|
||
- modules
|
||
- setting: demo
|
||
|
||
- styles: 全局公共样式入口
|
||
|
||
- types: 全局 `type`
|
||
|
||
- utils: 工具包
|
||
- `cache`: 缓存方法
|
||
- `element`: `dom` 相关操作方法
|
||
|
||
- vite-plugin: 插件注册
|
||
```
|