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。
|
2024-03-08 10:33:06 +08:00
|
|
|
|
|
2024-02-28 10:45:17 +08:00
|
|
|
|

|
2024-03-08 10:33:06 +08:00
|
|
|
|
|
2024-02-28 10:45:17 +08:00
|
|
|
|
* todo...:待后续补充。
|
2024-02-19 13:44:32 +08:00
|
|
|
|
|