2024-02-28 10:45:17 +08:00
|
|
|
|
#### 介绍
|
2024-02-27 11:23:55 +08:00
|
|
|
|
Vue 3 + TypeScript + Vite这个模板可以帮助您开始使用Vue 3和TypeScript在Vite中进行开发。该模板使用了Vue 3的<script setup>单文件组件，请查看script setup文档了解更多信息。
|
2024-02-26 14:36:47 +08:00
|
|
|
|
|
2024-02-27 11:23:55 +08:00
|
|
|
|
#### 安装依赖&运行项目
|
|
|
|
|
|
> node version:^18.17.0 || >=20.5.0"
|
|
|
|
|
|
```shell
|
|
|
|
|
|
#项目使用pnpm包管理器
|
|
|
|
|
|
npm i pnpm -g
|
2024-02-19 13:44:32 +08:00
|
|
|
|
|
2024-02-27 11:23:55 +08:00
|
|
|
|
#安装依赖
|
|
|
|
|
|
pnpm i
|
2024-02-19 13:44:32 +08:00
|
|
|
|
|
2024-02-27 11:23:55 +08:00
|
|
|
|
#运行项目
|
|
|
|
|
|
npm run dev
|
|
|
|
|
|
```
|
2024-02-28 10:45:17 +08:00
|
|
|
|
#### 页面编写-示例
|
|
|
|
|
|
基础页面写法请查看`src/template`下的readme.md
|
|
|
|
|
|
#### 开发规范
|
|
|
|
|
|
> 初衷：养成合理的习惯，精力留在技术调研、业务开发中。
|
|
|
|
|
|
>
|
|
|
|
|
|
> 常见点如下描述，更多的规范待前端开发人员有时间后，慢慢丰富。
|
|
|
|
|
|
* 命名风格：所有的包（文件夹）、文件名以小驼峰的风格命名，比如xxxAaa，禁止XxxAaa或者xxx-aaa。
|
|
|
|
|
|
* 命名语义：禁止中文命名或拼音，英文命名借用下工具，稍微准确一点，不要与实际业务相差太远。
|
|
|
|
|
|
* 功能组件创建风格：以**功能名称**命名文件夹，每个功能下以**index.vue**作为该功能的组件入口。正确示例参考：/src/views/auth/menu/index.vue。
|
|
|
|
|
|
|
|
|
|
|
|
* todo...：待后续补充。
|
2024-02-19 13:44:32 +08:00
|
|
|
|
|
