HBuilderX 最新安装使用教程，附详细图解，持续更新

2024-04-12 19:39:31

HBuilderX 安装使用教程

HBuilderX是HBuilder的升级版。它是是DCloud（数字天堂）推出为前端开发者服务的通用IDE，或者称为编辑器。HBuilderX的功能从下图可以直观的了解个大概：

官网地址：

https://ask.dcloud.net.cn

点击下载

https://www.dcloud.io/hbuilderx.html

说明：HBuilderX正式版和Alpha版区别：

Alpha版比正式版更新频率更高，新功能会优先在 alpha 版上发布，但稳定性可能不如正式版，对于新手建议用正式版。

HBuilderX标准版和App版的区别

BuilderX标准版可直接用于web开发、markdown、字处理场景。当用来做App开发时需要安装插件。App开发版预置了App/uni-app开发所需的插件，开箱即用。标准版也可以在插件安装界面安装App开发所需插件，App开发版预集成App开发所需插件。App开发插件体积大的原因主要有2方面：真机运行基座，Android版、iOS版、iOS模拟器版，加起来体积就1百多M。真机运行基座需要把所有模块都内置进去，方便大家开发调试。开发者自己做app打包是不会这么大的，因为可以在manifest里选模块来控制体积。uni-app的编译器，依赖webpack和各种node模块，node_modules就是这么一个生态现状，文件超级多，几万个文件，解压起来很慢

下载后，将压缩包复制到适当位置，解压压缩包，找到Hbuilder X可执行程序，双击即可启动程序：

简单使用

使用 “文件”菜单→“新建”→“html文件”，可以新建一个html文件，如下图：

现在，可以编辑网页了，参见下图：

【“视图”菜单可以控制显示布局。】

当编辑完成后，点击“保存“按钮，就可以点击右侧的”预览“按钮看效果（若是第一次使用，若是后第一次使用”预览“，提示安装内置浏览器插件，安装之），参见下图：

提示：输入关键字时，具有智能提示列表，可以加快输入速度，参见下图：

也可以用上下键移动到需要的条目再用Ctrl+回车确定。

下载地址

点击下载

HBuilderX 最新安装使用教程，附详细图解，持续更新相关推荐

Windows 7安装教程（详细图解）——思齐博客
Windows 7安装教程(详细图解) 发表于 2013-02-13 由思齐早前向大家介绍了Windows XP的安装教程,今天思齐再来介绍一下Windows 7的安装教程,Windows 7在安 ...
如何用虚拟机VMware安装win10/win7(最详细图解)
如何用虚拟机VMware安装win10/win7(最详细图解) 步骤: 下载"VMware pro",安装好,然后网上下载对应版本的激活码激活,如果不会安装可以百度看一下教程,很简 ...
Tool：Visio2016/Visio2019专业版64位中文下载、安装(图文教程)之详细攻略
Tool:Visio2016/Visio2019专业版64位中文下载.安装(图文教程)之详细攻略目录 Visio2019专业版64位中文下载.安装 1.下载文件 2.软件安装 2.1.Visio20 ...
python二手交易平台代码_PYTHON爬虫实战_垃圾佬闲鱼爬虫转转爬虫数据整合自用二手急速响应捡垃圾平台_3(附源码持续更新)...
说明文章首发于HURUWO的博客小站,本平台做同步备份发布. 如有浏览或访问异常图片加载失败或者相关疑问可前往原博客下评论浏览. 原文链接 PYTHON爬虫实战_垃圾佬闲鱼爬虫转转爬虫数据整合自用二 ...
2021最新Java面经系列整理，持续更新
2021最新Java面经系列整理,持续更新... 欢迎大家关注收藏,一起加油O(∩_∩)O哈~ 2021最新Java面经系列系列内容地址框架篇 2021最新Java面经整理 | 框架篇(一)S ...
宝塔面板安装完整教程(超详细)
下面稍微介绍一下如何使用阿里云服务器安装宝塔面板. 概述如果还有不了解宝塔面板怎么使用的小伙伴,可以看下我总结的系列教程,保证从新手变老鸟: [宝塔面板精选教程汇总] 宝塔面板教程(1)基于云服务器 ...
安装mysql8._安装MySQL8（附详细图文）
安装MySQL8(附详细图文) 删除mysql服务:mysqld -remove mysql 1.下载 mysql 8 下载地址:https://dev.mysql.com/downloads/mys ...
Android Studio 安装配置教程 - MacOS(详细版)
前言因为之前做了在Window下安装AS的教程,有人和我说也做一个在Mac下安装的教程,这样会全面一点,我觉得也是,于是就有了下文. 然后首先是安装程序,这里默认不翻墙,使用国内的,下载地址有两个, ...
32位postman_谷歌浏览器下载安装postman教程（详细）
一.前言 postman是一款强大网页接口调试工具,我们在平时开发过程中经常会使用到,一般使用最多的是postman的客户端,实际上postman在谷歌浏览器上也提供了插件,可以不必要安装客户端进行接 ...

最新文章

热门文章