HBuilder的下载与使用(详细步骤)
一、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的下载与使用就简单的写这么多,想继续了解的可以在底下评论,我再更新博客!如果对你有帮助,可以点赞收藏哦!
HBuilder的下载与使用(详细步骤)相关推荐
- python软件下载安装要钱吗-PyCharm下载和安装详细步骤
PyCharm下载和安装 进入https://www.jetbrains.com/pycharm/download/#section=windowsPyCharm官方下载页面(如图 2 所示),可以看 ...
- python官方下载步骤-Python 下载及安装详细步骤
安装python分三个步骤: *下载python *安装python *检查是否安装成功 1.下载Python (2)选择下载的版本 (3)点开Download后,找到下载文件 Gzipped sou ...
- linux离线安装pyhs2,Python 下载及安装详细步骤
安装python分三个步骤: *下载python *安装python *检查是否安装成功 1.下载Python (2)选择下载的版本 (3)点开Download后,找到下载文件 Gzipped sou ...
- python官网下载步骤-Python 下载及安装详细步骤
安装python分三个步骤: *下载python *安装python *检查是否安装成功 1.下载Python (2)选择下载的版本 (3)点开Download后,找到下载文件 Gzipped sou ...
- 下载python步骤_Python 下载及安装详细步骤
安装python分三个步骤: *下载python *安装python *检查是否安装成功 1.下载Python (2)选择下载的版本 (3)点开Download后,找到下载文件 Gzipped sou ...
- VM (虚拟机)下载及安装详细步骤
下载与安装虚拟机VM详细步骤 一. 需要先下载VM 链接:link ### 选择第一个或第二个进行下载安装 二.虚拟机安装 1 .打开下载好的虚拟机安装文件,exe结尾的,它会弹出安装界面. 2 .点 ...
- HBuilder X的下载与使用(详细步骤)
一.HBuilder X的下载 这里我们前往HBuilder下载官网地址:https://www.dcloud.io/ 进入官网后,我们可以看到HBuilder目前有两个版本,一个是windows版, ...
- linux版本的redis bin,redis-4.0.2.tar.gz for centos的linux系统版本下载(安装详细步骤)...
一.前言 本章通过redis-4.0.2.tar.gz在Centos的linux操作系统上进行安装(redis的详细介绍操作配置命令&window版本参见其他文章),下方在SSH命令终端进行详 ...
- MinGW下载和安装详细步骤 及 环境配置
一.下载 点击 这里 进入官网下载最新版本的MinGW.(这里下载的是Windows32位,但MinGW的所有软件都将在64位Windows平台上执行,所以32位和64位都是一样的.) 二.安装 1. ...
最新文章
- 在Java中对Singleton类进行双重检查锁定
- [密码学基础][信息安全][每个信息安全博士生应该知道的52件事][Bristol Cryptography][第一篇]不同类型的处理器
- SubSonic中的字段付值--MakeOld Update
- C++学习之路 | PTA乙级—— 1028 人口普查 (20 分)(精简)
- 【Git】mac执行git命令出现xcrun: error: invalid active developer path解决方法
- 解决Ubuntu SSH登录时过慢的问题-转
- eclipse里面自动添加get和set方法
- python里常用的正则表达式
- main(int argc, char** argv) 参数的含义
- unity模型制作(四):绘制一个凹多边形
- 怎么查看腾讯视频下载的视频保存在哪个文件夹
- 2022年云办公行业研究报告
- Cdoj 24点游戏之解题报告
- 微信小程序注册使用教程
- 小程序做电商的硬伤 “正规军”入驻 草根望尘莫及
- chrome查看实际域名_域名实际要多少钱? (专家回答)
- 重磅!中国电信物联网用户超4亿
- Codeforces 19E Fairy
- java读取文件特别慢_如何提高在Java中读取大文件的速度?
- 设计巴特沃斯滤波器实现高通滤波