Skip to content

一个开箱即用基于vue3和ts的移动端H5项目模板。

Notifications You must be signed in to change notification settings

wp993080086/Vite-H5-Template

Folders and files

NameName
Last commit message
Last commit date

Latest commit

548c41c · Mar 12, 2024

History

9 Commits
May 10, 2022
May 10, 2022
Mar 12, 2024
Mar 12, 2024
Mar 12, 2024
Mar 12, 2024
Jul 6, 2022
Jul 6, 2022
Mar 12, 2024
May 10, 2022
Jul 6, 2022
Jul 6, 2022
Jul 6, 2022
May 10, 2022
Jul 6, 2022
Mar 12, 2024
Mar 12, 2024
May 10, 2022
Mar 12, 2024
Jul 6, 2022

Repository files navigation

pinia vant sass

nprogress vite typeScript vue axios vue-router

⚡️ 简介

一个开箱即用,基于 vite 2 + typeScript + vue 3 + vant 3 + pinia + vue-router 4 + axios 的H5项目模板。

🚀 开发

  1. 安装
npm install
  1. 运行
npm run serve

📦️ 多环境打包

  • 测试环境打包
npm run build_test
  • 生产环境打包
npm run build

🔧 代码检查修复

  • 格式检查
npm run lint
  • 自动修复
npm run lint-fix

📚 目录

├─ .env.xxx // 各环境的配置文件
├─ .eslintrc.js // eslint配置
├─ postcss.config.js // rem配置
├─ vite.config.ts // 项目配置
├─ tsconfig.json // ts配置
├─ index.html // 入口文件
└─ src
  │─ App.vue // 根容器
  │─ main.ts
  │  
  ├─ components // 组件
  │          
  ├─ config // 项目级配置
  │    │
  │    └─index.ts
  │      
  ├─ pages // 页面
  │                          
  ├─ router // 路由
  │          
  ├─ servers // 接口
  │   │  
  │   │─ request.ts // 封装
  │   └─ api // 接口
  │      
  ├─ assets // 静态资源
  │              
  ├─ store // pinia             
  │      
  ├─ types // ts类型定义
  │      
  └─ utils // 工具库
  │ │  index.ts
  │ │  loading.ts // loading封装
  │ │  toast.ts // 弹窗封装
  │ └─md5
  └─