# uniAppTpl

**Repository Path**: datianli/uni-app-tpl

## Basic Information

- **Project Name**: uniAppTpl
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-10-26
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

#  uni-app
基于 uni-app 的模板，提供 uni-ui 基础组件，包含自定义 request 请求库、utils、theme 主题、vuex全局数据管理等，可快速落地业务。



### 开发 

1. git clone 此项目 => 基于此项目开发;

2. 工具，先下载各平台开发工具（IDE）https://uniapp.dcloud.io/quickstart

3. 在 Hbuilder 中导入当前项目（uni-app 类型），修改或更新当前配置，manifest.json 和 pages.json（尤其注意要添加对应平台的 appid，在开发者后台配置request、downloadFile域名）;

4. 配置插件，菜单栏点击插件管理可以安装当前项目所需要的插件和 loader，（less、babel、es6 等）

5. 菜单栏点击运行到要开发的小程序平台，不习惯当前 IDE 的可以切换到 VS Code，同步开发，实时编译;

6. 进入各家开发者后台，提审，发布（也可以基于 miniprogram-cli 对接各家小程序平台实现自动构建上传）


### 注意事项/坑

1. 使用 Vue. js 注意事项 https://uniapp.dcloud.io/use
2. 根据不同平台小程序做条件编译（非常重要）https://uniapp.dcloud.io/platform
3. 高级开发技巧 https://uniapp.dcloud.io/snippet
4. 性能优化建议 https://uniapp.dcloud.io/performance
5. 如果出现微信开发者工具启动后白屏的问题，检查是否启动多个微信开发者工具，如果是则关闭所有打开的微信开发者工具，然后再重新运行（注意IDE插件和编译Loader要安装，否则可能出现编译白屏的情况）
6. 可以通过微信开发者工具切换pages.json中condition配置的页面，或者关闭微信开发者工具，然后再从HBuilderX中启动指定页

### 第三方插件

- 插件市场(https://ext.dcloud.net.cn/)
- uni-app-date-picker uni-app 酒店日期选择插件