01uni-app的创建运行在不同端上的配置tarBar的配置 _Uni-App

【01uni-app的创建运行在不同端上的配置tarBar的配置】志不强者智不达，言不信者行不果。这篇文章主要讲述01uni-app的创建运行在不同端上的配置tarBar的配置相关的知识，希望能为你提供帮助。
uni-app的创建###

01==> 创建uni-app的项目非常简单。不需要注意什么注意点哈！！创建项目的时候可以参考官网 https://uniapp.dcloud.io/quickstart 在使用uni-app的时候，你要创建下载huildex和微信小程序开发者工具在你使用HUilderX编译的过程中第一次大概需要五分钟小程序模拟器无法预览有些时候， uni-app编译好了之后，在小程序上无法点击预览（预览按钮无法点击）此时你需要在HX上小程序上配置自己的appId02==》运行uni-app 在浏览器中可以直接运行H5版本03==》如何运行到小程序上配置小程序运行的路径我的是E:\\开发工具\\xiaocehngxu_soft\\微信web开发者工具如何你配置好了之后，小程序开发工具打开失败。在微信开发工具中===》设置==》安全设置===》开启服务端口就可以正常开启了03-1==》在打开微信小程序后，如何设置自己的appId呢？？在【工具】===》【开发详情】====》修改默认的appIdxxx=> 如何在支付宝小程序开发者工具预览了如果uni-app开发阿里系小程序；下载开发工具；地址： https://ding-doc.dingtalk.com/doc#/kn6zg7/zunrdk 安装过程很简单，没有过多的步骤；然后在HX配置一下安装的路径，我觉得这一步不配置也行（针对支付宝小程序和钉钉）因为配置了后也无法去启动；他会提示等待支付宝小程序开发者工具启动后，在支付宝小程序开发者工具中打开： [C:\\xxx\\unpackage\\dist\\dev\\mp-alipay，然后在HBuilderX中修改文件并保存，会自动刷新支付宝小程序开发者工具]那么怎么去启动（在你下载的工具中打开 XXX/XXX/unpackage\\dist\\dev\\mp-alipay）就是说利用支付宝工具去打开HX编译好的代码；这样就可以在支付宝小程序开发者工具中预览了。（ps==> 还是配置一下支付宝小程序开发者工具的地址）04==> 在pages.json中去配置小程序顶部的标题颜色和字体等哈这个文件pages.json是专门处理小程序的05===》如何新创建一个页面呢新建目录==》about==> 在创建一个about.vue文件然后去在pages.json中去配置配置路径顶部的样似等 { "path": "pages/about/about", "style": { "navigationBarTextStyle": "black", "navigationBarTitleText": "about", "navigationBarBackgroundColor": "hotpink", "backgroundColor": "#F8F8F8" } },

如何配置tarBar##

06==> 如何配置tabBar 对于tabBar的配置跟在小程序上是一样的哈 selectedIconPath是选中的时候的图片 iconPath是默认的时候的图片 "tabBar": { "list": [ { "selectedIconPath":"./static/home_active.png", "iconPath":"./static/home.png", "pagePath": "pages/index/index", "text": "首页" }, { "selectedIconPath": "./static/category_active.png", "iconPath": "./static/category.png", "pagePath": "pages/about/about", "text": "动态" }, 、 { "selectedIconPath": "./static/profile_active.png", "iconPath": "./static/profile.png", "pagePath": "pages/person/person", "text": "我的" } ] },