uni-app环境搭建

uni-app环境搭建

1. 下载HBuilderX编辑器(APP开发版)

www.dcloud.io/hbuilderx.html.

2. 下载微信开发者程序

https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html.

3. 运行

uni-app环境搭建_第1张图片

tips:

第一次在微信开发者工具运行前,需要去微信开发者工具的设置 -> 安全设置,将服务端口开启uni-app环境搭建_第2张图片

4. uni-app全局配置

https://uniapp.dcloud.io/collocation/pages?id=globalstyle.
uni-app环境搭建_第3张图片

5. 配置tabbar

https://uniapp.dcloud.io/collocation/pages?id=tabbar.
可以通过tabBar配置项指定tab栏表现,以及切换时显示的对应页

tips:

①当position设置为top时,将不会显示icon
②tabBar中的list时一个数组,只能配置最少2个最多5个tab,tab按数组的顺序排序

uni-app环境搭建_第4张图片

你可能感兴趣的:(uni-app,vue.js,前端,小程序,uni-app)