一套基于uniapp+uni-ui+vite+ts+unocss的vscode快速开发模版，助你高效开发h5、小程序、app应用。
- ⚡️集成 Vue 3, Vite, pnpm 就是快！
- 🔥 使用 新的
<script setup>语法 - 📥 API 自动加载 - 直接使用 Composition API 无需引入
- 🦾 TypeScript & ESLint - 保证代码质量
- 🚀 网络请求集成
- 🎨 UnoCSS - 高性能且极具灵活性的即时原子化 CSS 引擎
- 😃 各种图标集为你所用
- 可以为
pages.json、manifest.json等提供语法提示和校验工作。uni-app-schemas - uni-app 基本能力代码片段。uni-app-snippets
- 一键创建页面、组件、分包，个人用不习惯。uni-create-view
npx degit uni-vscode-template my-uni-app
cd my-uni-apppnpm install
yarn install
npm install# 运行到 h5
npm run dev:h5
# 运行到 app
npm run dev:app
# 运行到 微信小程序
npm run dev:mp-weixin # 打包到 h5
npm run build:h5
# 打包到 app
npm run build:app
# 打包到 微信小程序
npm run build:mp-weixin uni-vscode-template
├─ build
│ ├─ getEnv.ts
│ └─ proxy.ts
├─ env # 环境env文件
├─ src
│ ├─ api
│ │ ├─ modules # 请求api
│ │ └─ request # 网络请求封装
│ ├─ config # 全局配置
│ ├─ hooks # hooks
│ ├─ pages # 页面.vue文件
│ ├─ static # 静态文件
│ ├─ stores # pinia store
│ ├─ utils # 工具类集合
│ ├─ App.vue
│ ├─ env.d.ts
│ ├─ main.ts # 入口文件
│ ├─ manifest.json # uni 配置文件，更改请使用 manifest.config.ts
│ ├─ pages.json # uni 页面配置文件，更改请使用 pages.config.ts
│ ├─ shime-uni.d.ts
│ └─ uni.scss # uni 变量文件，可使用 unocss shortcuts预设别名替代
├─ typings # 自动引入等类型声明文件
├─ CHANGELOG.md # 更新说明文件
├─ README.md # 说明文件
├─ index.html
├─ manifest.config.ts # uni manifest配置文件，具有类型支持
├─ package.json
├─ pages.config.ts # uni pages配置文件，具有类型支持
├─ pnpm-lock.yaml
├─ tsconfig.json # typescript配置文件
├─ uno.config.ts # unicss 配置文件
└─ vite.config.ts # vite 配置文件