admin管理员组文章数量:1597400
1、安装HbuilderX
(1)
输入网址DCloud - HBuilder、HBuilderX、uni-app、uniapp、5+、5plus、mui、wap2app、流应用、HTML5、小程序开发、跨平台App、多端框架,直接官网上下载
(2)
进入官网后选择下载对应操作系统的版本,一个是正式版,一个是Alpha版本。区别在于正式版稳定,Alpha具有更多的功能,但是可能有bug。在这里根据的需要下载。一般正式版就可。
然后我们可以看到不同操作系统又有2个,一个是体积小的标准版,没有太多插件,一个是App开发版。这里是区别是App开发版里面包含了许多开发插件。反正开发也会需要下载许多插件,这里推荐下载体积大的APP开发版
(3)
下载好之后,打开下载好之后的文件,找到【HBuilderX.exe】,双击启动
这样就能打开,初次打开需要你注册登陆,大家注册账号登陆就可
---------------------------------------------------------------------------------------------------------------------------------------------------------------------
2、简单使用软件
(1)创建项目,点击左上角一个有+的图标,然后选择你的项目类型,这里因为最近个人需要,我是创建uni-app项目。接下来可以取一个项目名称,放到你喜欢的位置,下面的模板,都是可以选择,大家可以都选择试一试,或者就选择默认模板。最后一项是涉及云开发,是用来帮助前端同学,在没有后端同学的帮助下,可以自己快速进行用云开发做后端。这个下一篇帖子会详细讲解,大家在这里可以先不勾选。
(2)项目简单是目录结构
-------------------------------------------------------------------------------------------------------------------------------------------------------------------
3、运行,这里注意,不管是运行到什么平台,运行时候一定要选中项目文件,不能选中下面的文件后运行
(1)运行到浏览器
运行成功
(2)运行到小程序,这里以微信小程序为例子
首先需要下载微信开发者工具
①微信开发者工具下载地址与更新日志 | 微信开放文档,下载对应版本后启动,这里已经截图下载说明。
②打开微信开发者工具,登陆微信之后就可以使用,然后进行一项配置,不然之后hbuiderx运行时候会失败。
③打开hbuilderx,点击顶部的【工具】,点击【设置】,然后找到【运行设置】,把各个小程序运行配置填好,我这里下载了支付宝小程序开发者工具以及微信小程序开发者工具,所以我这里配置了2个,本次教程只让大家安装微信小程序开发者工具,大家在这里只配置微信就好,其他空着。然后这里填的内容就是微信小程序的安装位置。
④运行到微信小程序
运行成功
小猫
版权声明:本文标题:uni-app之安装HbuilderX 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://m.elefans.com/dianzi/1728280909a1151799.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论