1、双击打开HBuilderX开发工具，在左侧鼠标右键，新建项目
2、勾选uni-app类型，输入项目名称，然后选择项目模板，点击创建
3、创建完毕后，查看项目结构以及项目文件部署
4、打开已创建的index.vue文件，插入一个按钮button，并绑定点击事件
5、打开微信开发者工具，点击设置菜单，查看安全选项卡，开启服务端口并查看端口号
6、返回到HBuilderX，单击设置菜单；选择运行设置，修改外部web服务器url端口，配置微信开发者路径
7、选择项目dmn，然后点击运行，选择运行到小程序模拟器下的微信开发者工具
8、编译项目，在微信开发者工具中，查看界面显示效果
