Skip to content

wp993080086/Vite-H5-Template

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
  └─