使用hbuilder X创建uniapp项目_hbuilderx创建uniapp

使用hbuilder X创建uniapp项目

一、打开hbuilder X软件，左上角 文件-新建-项目，如图：

二、在弹窗内，填写项目名称，选择你自己需要的项目案例，可根据自己需求选择vue版本2/3，如图：

三、这时你的项目已经创建好了，自动由hbuilderX打开，项目大致文件内容如图：

四、设置底部导航跳转，打开pages.json文件（pages是路由跳转地址，tabBar是配置底部导航栏），如果顶部导航想要添加相应的按钮图标，可添加‘app-plus’配置，这里的‘fontSrc’图标来自阿里，下面有如何下载阿里图标的步骤，先看pages.json的文件配置吧

{
   
	"pages": [{
   
		"path": "pages/index/index",
		"style": {
   
			"navigationBarTitleText": "人人通"
		}
	}, {
   
		"path": "pages/message/index",
		"style": {
   
			"navigationBarTitleText": "消息",
			"app-plus": {
   
				"titleNView": 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17