1、打开HBuilderX开发工具，鼠标右键新建项目
2、选择uni-app，输入项目名称，选择项目路径；然后选择项目模板，点击创建
3、选择已创建项目，点击工具，然后选择设置
4、打开Settings.json，选择运行配置菜单，移到小程序运行配置
5、选择微信开发者工具路径，并配置外部web服务器url
6、选择项目，点击运行，依次选择运行小程序模拟器--->微信开发者工具
7、项目进行编译过程中，提示工具的服务端口已关闭，需要使用命令行调用
8、打开微信小程序开发工具，点击设置--->安全设置，开启服务端口，记下端口
9、返回到Settings.json，修改外部web服务器url的访问端口
10、然后再次使用微信开发者工具运行，可以发现自动打开微信开发者工具，进行预览
