Skip to content
/ vite-vue-h5-app Public template

🔥🔥🔥Vue 3.2 + Typescript 5 + Vite 4 + Vant 4 h5开发模板

License

Notifications You must be signed in to change notification settings

l-x-f/vite-vue-h5-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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