优秀的编程知识分享平台

网站首页 > 技术文章 正文

uni-app 开发小程序-创建项目(uniapp怎么开发)

nanyue 2024-08-06 18:11:25 技术文章 8 ℃

创建项目

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

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

程序目录说明

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

使用微信小程序运行

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

报错截图

处理方案

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

打开服务端口就好

然后重新打开就好

pages.json 和 tabBar 说明

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

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

配置 tabBar

最近发表
标签列表