目录
[1]下载HBuilderx开发工具
HBuilderx这款前端IDE是由DCloud(数字天堂)进行开发的,因此我们可以去数字天堂官网去下载HBuilderx这款工具。
点击之后会跳转到HBuilderx的下载页面,可以根据需要选择合适的版本
- Alpha:内测版
- Bate:公测版
- 正式版:稳定版本(推荐)
下载下来的是一个压缩包,创建一个文件去存储并解压,由于HBuilderx是一个免安装
的软件,因此解压之后就可以使用了。
[2]配置/使用HBuilderx
安装之后我们可以根据自己的需要配置主题、快捷键切换方案、代码风格配置等,以下配置仅为简单配置,更多细节可去入门教程中去查看
(1)配置主题
(2)配置快捷键方式
(3)配置代码风格
工具->设置里面
(4)创建一个项目
选择新建->项目有多种选择,我们可以根据需要自行选择
(5)运行
使用 uni-app开发一套代码可以在App、h5、小程序都可以使用,我们在运行代码进行检查/显示时可以自己选择;
在微信开发者工具中运行
第一次在微信开发者工具中运行,会让我们配置微信开发者工具的位置
配置之后发现还是没有打开微信开发者工具,需要微信开发者工具,打开服务器端口。设置 -> 安全设置,将服务端口开启
打包文件
运行到不同平台时,会根据源码生成目标文件,都在unpackage
目录下
[6]插件安装
当我们第一次运行项目的时候,HBuilderx会自动帮助我们安装所需插件,若是以后需要一些其他插件可以在工具->插件安装中自行安装。
[7]打包成apk
在打包成apk的过程中可能会遇到以下问题
原因是我们注册的账号没有进行手机号的认证,可以通过传送门这边社区去寻找解决方案。