HBuilder的下载与使用(详细步骤)_hbuilder官网-程序员宅基地

技术标签： ide

一、HBuilder IDE的下载

HBuilder下载官网地址：

在地址栏中直接输入https://www.dcloud.io

或者直接点击下面的链接

DCloud - HBuilder、HBuilderX、uni-app、uniapp、5+、5plus、mui、wap2app、流应用、HTML5、小程序开发、跨平台App、多端框架

进入官网，免费下载最新版的HBuilder。

HBuilder目前有两个版本，一个是windows版，一个是mac版。下载的时候根据自己的电脑选择适合自己的版本。

1. 点击链接进入网站

如下界面：

2. 进入Hbuilder官方网站

如下界面：

3. 下载HBuilder

找到下载按钮【DOWNLOAD】，点击后会出现一个弹窗，根据电脑版本进行选择，点击完成之后便开始进行下载然后进入等待即可。新一代的版本为HBuilder X，上一代的版本为HBuilder。

我这里下载的是上一代HBuilder win(258.6M)，点击后跳转至如下界面，点击【普通下载】，即可开始免费下载

4. 解压安装包

下载完成后，可以将压缩包放在合适的位置再进行解压，便于今后查找、管理

5. 找到执行文件

打开解压后的文件夹，找到一个叫做“HBuilder.exe”的可执行文件，这个可执行文件就是HBuilder的启动文件。即下图选中的文件：

HBuilder不用安装解压完成即可使用。

6. 打开HBuilder

双击这个文件就可以打开HBuilder这个开发编辑器了，因为我们是直接解压使用的。所以找起来会很麻烦，你可以将【HBuilder.exe】这个执行文件发送到桌面快捷方式，这样每次使用的时候直接在桌面就可以打开。如下图所示：

不会创建桌面快捷方式的宝宝看过来：

右击【HBuilder.exe】这个执行文件，选择【创建快捷方式】，就会在刚刚的文件下出现一个快捷方式，选中后拖到桌面上就行啦！如下图：

二、HBuilder IDE的使用

1. 打开HBuilder

双击快捷方式或【HBuilder.exe】这个执行文件，会出现如下界面：

2. 登录HBuilder

有账号的直接输入用户名和密码进行登录，没有账号的点击注册用户

输入用户名和密码后登录即可

3. 详细了解HBuilder编辑器

打开之后，你会发现HBuilder的编辑器风格是黄色系，对眼睛比较好，不同于其他编辑器以黑白为主。而且它非常人性化，给你很多的新手入门提示，大家可以详细看看，对这个软件也会有一个全面系统的认识。

· 准备工作

（1）新建项目

新建一个Web项目，依次点击【文件】【新建】选择【Web项目】

或者按下Ctrl+N，选择【Web项目】快速新建

如上图，请在A处填写新建项目的名称，B处填写(或选择)项目保存路径(更改此路径HBuilder会记录，下次默认使用更改后的路径)，C处可选择使用的模板(可点击自定义模板,参照打开目录中的readme.txt自定义模板)

（2）新建HTML文件

在项目资源管理器中选择刚才新建的项目,依次点击文件→新建→选择HTML文件(按下Ctrl+N,W可以触发快速新建(MacOS请使用Command+N,然后左键点击HTML文件)),并选择空白文件模板,如下图：

好啦，关于HBuilder IDE的下载与使用就简单的写这么多，想继续了解的可以在底下评论，我再更新博客！如果对你有帮助，可以点赞收藏哦！

本文链接：https://blog.csdn.net/weixin_54217081/article/details/122781088

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

R 笔记_r语言adaboost.m1-程序员宅基地

文章浏览阅读2.6k次，点赞3次，收藏15次。包含命令以及简单的文字说明，巩固记忆，并方便以后检索，包含调用方式一些简短说明。经历包括包括《R语言与机器学习》，夹杂一些《R语言实战》以及参考一些网络大神的博客。关于model的summary的说明：星号（***）表示预测能力，显著性水平，星号越多，显著性水平越低，相关的可能越小。多元R方值（判定系数）代表着从整体上，模型能多大程度上解释因变量的值，类似于相关系数。F检验：线性模型输出显示中的F_r语言adaboost.m1

Linux 内核的编译_编译linux内核-程序员宅基地

文章浏览阅读634次。编译Linux内核方面的内容_编译linux内核

Java去除字符串中的空格以及特殊符号_java去前后多空格特殊字符-程序员宅基地

文章浏览阅读3.4k次。前言在抓取一个网站内容的时候遇到了这样的日期没找到现成的代码，就自己写了个方法Java将汉字数字日期转换为数字日期（例如: 二〇二〇年十一月二十一日 → 2020年11月21日)本以为高枕无忧了没成想过了几天又开始作妖了，前面加了一堆空格一样的东西异常拦截到了一打印果真好长一串二〇二〇年一月十三日处理本以为是手到擒来先用了个百度的办法这个博主说这个方法很霸道，秒杀一切stringUtils.d..._java去前后多空格特殊字符

prometheus部署及与grafana结合应用_prometheus下载-程序员宅基地

文章浏览阅读297次。prometheus server 是 Prometheus组件中的核心部分，负责实现对监控数据的获取，存储以及查询。它会定期从静态配置的监控目标或者基于服务发现自动配置的自标中进行拉取数据，当新拉取到的数据大于配置的内存缓存区时，数据就会持久化到存储设备当中。node_exporter是用于采集node的运行指标,包括node的cpu、load、filesystem、meminfo、network等基础监控指标,类似于zabbix监控系统的的zabbix-agent。3.7、启动prometheus。_prometheus下载

安卓APP闪退-程序员宅基地

文章浏览阅读185次。final Intent intent=new Intent(this,Servicetest1.class)位置放到onCreate()外面，那么就会出现闪退。如果在调试的时候闪退，很可能是语句的位置出现了问题，至今位置我发生过2次闪退，2次都是语句位置不对。我觉得那个时候Sercicetest1.class类可能还没有加载完吧。首先：语句没有问题，可以通过编译，那么就是位置不对了-----逻辑问题。例如如果把这个里面的。

Java中四种引用（强引用软引用弱引用虚引用）_java中的四种引用关系由强到弱 site:blog.csdn.net-程序员宅基地

文章浏览阅读1.4k次。四种引用在Java 1.2 之后，Java地引用的概念进行了补充，以前只有被引用和没有被引用两种状态。扩充之后分为四种，1. 强引用（Strong Reference）2. 软引用（Soft Reference）3. 弱引用（WeakReference）4. 虚引用（Phantom Reference）,也称幽灵引用或者幻影引用_java中的四种引用关系由强到弱 site:blog.csdn.net