Uni-vscode-template NPM

uni-vscode-template

typescript

一套基于uniapp+uni-ui+vite+ts+unocss的vscode快速开发模版，助你高效开发h5、小程序、app应用。

Features (特性)

⚡️集成 Vue 3, Vite, pnpm 就是快！
🔥 使用新的 <script setup> 语法
📥 API 自动加载 - 直接使用 Composition API 无需引入
🦾 TypeScript & ESLint - 保证代码质量
🚀 网络请求集成
🎨 UnoCSS - 高性能且极具灵活性的即时原子化 CSS 引擎
😃 各种图标集为你所用

Pro-VScode-Plugin (推荐插件)

可以为pages.json、manifest.json等提供语法提示和校验工作。uni-app-schemas
uni-app 基本能力代码片段。uni-app-snippets
一键创建页面、组件、分包，个人用不习惯。uni-create-view

Usage (使用)

Pull

npx degit uni-vscode-template my-uni-app
cd my-uni-app

Install

pnpm install
yarn install
npm install

Development

# 运行到 h5   
npm run dev:h5  
# 运行到 app   
npm run dev:app  
# 运行到 微信小程序  
npm run dev:mp-weixin

Build

# 打包到 h5   
npm run build:h5  
# 打包到 app   
npm run build:app  
# 打包到 微信小程序  
npm run build:mp-weixin

catalog (目录结构)

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 配置文件