创建项目
使用 HBuilder 开发工具,打开之后,选择 "新建" -> "项目"
在创建项目的时候,选择 uni-app,然后输入一个指定的项目名称,以及项目的存放路径就好,后面就点击创建
程序目录说明
这里就是新建完了之后,程序的目录说明,
使用微信小程序运行
点击运行 --> 微信开发者工具
报错截图
处理方案
在微信小程序上面找到 设置 --> 安全设置
打开服务端口就好
然后重新打开就好
pages.json 和 tabBar 说明
这里可以修改对应的 globalStyle 的配置,配置完了之后,可以立马看到效果,详细可以看下官网:pages.json 页面路由 | uni-app官网
"globalStyle": {
"navigationBarTextStyle": "white", // 修改导航栏文字颜色
"navigationBarTitleText": "uni-app", // 修改导航栏文字
"navigationBarBackgroundColor": "#27BA9B", // 导航栏的背景颜色
"backgroundColor": "#F8F8F8"
},