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安装使用教程相关推荐

hbuilderx安装教程_HBuilderX安装使用教程
HBuilderX安装使用教程 HBuilderX是HBuilder的升级版.它是是DCloud(数字天堂)推出为前端开发者服务的通用IDE,或者称为编辑器.HBuilderX的功能从下图可以直观的了 ...
HBuilderX 最新安装使用教程，附详细图解，持续更新
HBuilderX 安装使用教程 HBuilderX是HBuilder的升级版.它是是DCloud(数字天堂)推出为前端开发者服务的通用IDE,或者称为编辑器.HBuilderX的功能从下图可以直观的 ...
centos7 mysql workbench_centOS下mysql workbench安装配置教程
本文为大家分享了mysql workbench安装配置教程,供大家参考,具体内容如下 step0:安装mysql 在按照workbench之前,先安装mysql.指令是 yum install mys ...
geany怎么创建文件夹_教程详情|Geany怎么使用，Geany安装使用教程_234游戏网
Geany是利用GTK 2工具包开发的一个快速.轻巧的集成开发环境,具有良好的可移植性和通用性.安全性,广泛应用于各个行业.Geany具有语法高亮.代码折叠.代码自动完成等功能,非常适合开发人员使用. ...
python3里的pillow怎么安装_“python安装pillow教程“python3.4怎么安装pil
"python安装pillow教程"python3.4怎么安装pil python安装pillow教程2020-10-09 03:37:02人已围观如何在python3.6中装p ...
Mac环境下Docker及Splash的安装运行教程
一.前言由于最近使用Python爬虫框架scrapy练习爬虫,在爬取动态网页的时候,需要用到splash,进行对动态网页进行JavaScript渲染,但是使用splash又必须安装Docker.因为 ...
kafka不使用自带zk_kafka 安装部署教程
kafka 安装部署教程 1. 下载官网链接 http://kafka.apache.org/downloads 浙大源 http://mirrors.tuna.tsinghua.edu.cn/ap ...
Matlab2013a安装简单教程以及遇到的问题解决（反复提示激活问题）
虽然说现在matlabr2018都出来了,但是有的时候还是需要这些老版本的matlab,最囧的时刻时不熟悉新版本而产生的障碍而导致使用2013版本的matlab. 今天在安装matlab时候,遇到了一 ...
kangle web server源代码安装简明教程
kangle web server源代码安装简明教程 - kangle使用交流 - kangle软件是一款高性能web服务器,反向代理服务器,提供虚拟主机管理系统及代理服务器,web服务器架设 - ...

HBuilderX安装使用教程

HBuilderX安装使用教程

HBuilderX安装使用教程相关推荐

最新文章

热门文章