whevether / vite-vue-h5

vite-vue-h5 template

vite-vue-h5-app

中文 | English

技术栈

Vue 3.2 + Typescript 5 + Vite 4 + Vant 4

预览

开发环境

类型	名称	版本
操作系统	Windows 11 专业版	22000.1098
开发工具	Microsoft VS Code	1.72.2
调试工具	Google Chrome	104.0.5112.102
代码版本控制	git	2.37.0
语言环境	node	16.18.0
包管理器	npm	8.19.2
包管理器	yarn	1.22.17
node 版本管理	nvm	1.1.7
npm 源管理	nrm	1.2.5

项目结构

.
├── README.md                           #项目简介
├── commitlint.config.js                #commitlint配置
├── cypress                             #单元测试 端到端测试
├── index.html                          #页面入口
├── mock                                #mock
├── package.json                        #package
├── postcss.config.js                   #postcss配置
├── public                              #静态文件
│   ├── favicon.ico                     #icon
├── src                                 #核心源码
│   ├── App.vue                         #根组件
│   ├── api                             #接口
│   ├── assets                          #资源
│   ├── components                      #组件
│   ├── config                          #启用mock和vconsole 配置
│   ├── icons                           #svg图标
│   ├── main.ts                         #项目入口
│   ├── router                          #路由，导航守卫
│   ├── store                           #数据仓库
│   ├── styles                          #全局样式和样式变量
│   ├── utils                           #工具函数
│   └── views                           #业务页面
├── types                               #ts类型
├── tsconfig.json                       #ts项目配置
├── update.sh                           #提交代码脚本
├── viteConfig                          #vite配置
├── vite.config.ts                      #vite项目配置
└── yarn.lock                           #npm包版本锁定

项目启动

安装依赖

yarn

开启开发环境

yarn dev

代码检验

yarn lint

样式检验

yarn stylelint

代码提交

 ./update.sh

打包部署

yarn build:prod

License

MIT