1、双击打开HBuilderX开发工具，依次点击文件--->新建--->项目

2、打开新建项目窗口，勾选uni-app项目类型，输入项目名称，选择模板，然后点击创建

3、创建完项目后，查看项目结构

4、打开微信开发者工具，点击设置--->安全设置

5、在安全设置选项卡窗口，开启服务端口，复制端口号

6、返回到HBuilderX工具，点击工具--->设置--->运行配置，配置外部web服务器调用url

7、选中uni-app项目，点击运行--->运行到小程序模拟器--->微信开发者工具

运行到小程序模拟器--->微信开发者工具

8、启动uni-app，查看控制台运行结果

9、自动打开微信开发者工具窗口，生成MP-WEIXIN小程序项目

10、查看右侧的模拟器，可以查看到效果

11、返回到HBuilderX工具，在uni-app项目的pages文件夹下，新建两个页面sys和user

12、打开项目中的pages.json，配置pages对象中的属性（path和style）

13、在pages对象下方，添加对象tabBar；配置属性color、selectedColor、borderStyle、backgroundColor和list

14、保存文件并到微信开发者工具查看效果，可以看到底部显示三个菜单（首页、用户和设置）