创建项目

使用 HBuilder 开发工具，打开之后，选择 "新建" -> "项目"

新建

在创建项目的时候，选择 uni-app，然后输入一个指定的项目名称，以及项目的存放路径就好，后面就点击创建

创建项目

程序目录说明

这里就是新建完了之后，程序的目录说明，

程序目录说明

使用微信小程序运行

点击运行 --> 微信开发者工具

微信小程序开发工具

报错截图

报错

处理方案

在微信小程序上面找到 设置 --> 安全设置

安全设置

打开服务端口就好

打开服务端口

然后重新打开就好

pages.json 和 tabBar 说明

这里可以修改对应的 globalStyle 的配置，配置完了之后，可以立马看到效果，详细可以看下官网：pages.json 页面路由 | uni-app官网

"globalStyle": {		"navigationBarTextStyle": "white",		// 修改导航栏文字颜色		"navigationBarTitleText": "uni-app",	// 修改导航栏文字		"navigationBarBackgroundColor": "#27BA9B",	// 导航栏的背景颜色		"backgroundColor": "#F8F8F8"	},

相关的对应关系

配置 tabBar

配置tabBar

说明