1、下载好HBuilder X后打开,最好先注册登录。

2、点“文件”,“新建”,“项目”。此处选择官方的例子模板。

3、我们得留意一下这里,涉及到后面云打包。

4、代码写好后,我们需要试运行一下看看效果。可以在不同环境中看。可以在浏览器,也可以在一些第三方开发工具中看,此时需要调用第三方开发工具功能。

5、以微信开发者工具为例,要设好安装路径才能调用。点设置,在运行配置那儿能看到配置路径。

6、这里在微信开发者工具中看到的效果。如果无法运行,要看一下微信开发者工具是否开启了服务端口让HBuilder X调用。

7、这是浏览器中看到的效果。

8、开发完成,就要发布了。可以打包成可以直接安装的APP,使用云打包。也可以发布成其他应用。点“发行”选择即可。
