HBuilderX安装使用

关于uni-app 专栏收录该内容
2 篇文章 0 订阅

HBuilderX安装使用

博客地址:https://blog.csdn.net/YaoChiZaoFan
uni-app官方文档:https://uniapp.dcloud.io/quickstart
HBuilderX使用官网文档:https://ask.dcloud.net.cn/docs

HBuilder,H是HTML的缩写,Builder是建设者。它是为前端开发者服务的通用IDE,或者称为编辑器。与vscode、sublime、webstorm类似。它可以开发普通web项目,也可以开发DCloud出品的uni-app项目、5+App项目、wap2app项目。目前有500万开发者在使用HBuilder。老版的HBuilder是红色logo,已于2018年停止更新。绿色logo的HBuilderX是新版替代品。除了服务前端技术栈,它也可以通过插件支持php等其他语言。相比于竞品,它的优势有:
运行速度快(c++内核)
对markdown、vue支持更为优秀
还能开发App、小程序,尤其对DCloud的uni-app、5+App等手机端产品有良好的支持

页面效果:
在这里插入图片描述

HBuilderX的下载地址:https://www.dcloud.io/hbuilderx.html
HBuilderX的文件提取:https://pan.baidu.com/s/1Q4EpJmnZfXfRa218bPJMgA 提取码:5q8j

下载后直接解压到本地 找到本地文件夹 进入双击运行HBuilderX.exe 亦可使用 无安装过程
在这里插入图片描述

HBuilderX 轻量编辑器和强大IDE的完美结合体。敏捷的性能,清爽的界面,强大的功能和于一身。
我接触HBuilderX的时候 使用HBuilderX做uni-app的开发 一次开发 跨平台应用 前端框架 vue打底 非常方便

与其他IDE差不多的操作方式
在这里插入图片描述
运行到浏览器 手机端模拟 小程序模拟等
在这里插入图片描述
多种选择打包 一次开发 跨平台应用
在这里插入图片描述

新建uni-app项目
在这里插入图片描述
包结构 这个是上图Hello uni-app的生成方式 自主生成最下面的组件系统 包结构与其他不太相同
在这里插入图片描述

运行到浏览器效果
在这里插入图片描述

小白编写 不喜勿喷 欢迎纠错

下一篇会写uni-app入门

  • 0
    点赞
  • 0
    评论
  • 1
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

打赏
文章很值,打赏犒劳作者一下
相关推荐
©️2020 CSDN 皮肤主题: 1024 设计师:白松林 返回首页

打赏

一个菜鸡儿

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值