HBuilder从下载到使用

Posted 2020-08-25 巩哥

听别人谈论这货，于是决定长长见识，见见世面，便屁颠屁颠到网上下一个，满怀好奇的研究了一下。对用过eclipse这款软件的人来说，上手非常容易。

　　☆ 准备工作

　　① 确认自己的电脑连接网络，能下载东西。

　　② 最好有一款主流浏览器。如谷歌，火狐，IE，Opera等(用这个工具都是做web的，浏览器很重要。)

　　☆ 下载HBuilder

　　方式一： 在浏览器的地址栏中输入 http://www.dcloud.io然后回车进入

　　方式二： 打开浏览器，访问百度搜索，输入HBuilder官网，然后点击进入

　　上面的两种方式，任选一种。访问官网后如下图所示

　　选择HBuilder之后，点击下载处弹出提示界面。

　　点击即可下载。

　　注：一般都是选择保存在哪，有部分会调用你的下载工具进行下载，如，迅雷，电驴等。

　　☆使用HBuilder

　　找到下载HBuilder文件，这文件时绿色解压缩版。就是说不用安装，解压后直接可以使用。因此，我们必须找到自己存放这种绿色版的工具位置，粘贴该文件，然后解压，解压后删除压缩包。

　　打开如上图所示的HBuilder文件夹，找一个HBuilder.exe文件，如下图所示

　　选中该文件，右键-弹出菜单中选择“发送到”弹出菜单中选择“桌面快捷方式”，点击他。

　　然后，我们在桌面就可以看到这样一个图标，将文件的名字改成HBuilder就可以。以后直接双击这个快捷方式，就可以直接打开HBuilder开发工具。

　　☆ 使用HBuilder

　　双击HBuilder这个图标，打开软件。然后你会看到这样一个界面

　　你可以选择注册一个用户来使用，也可以直接使用。点击暂不登录跳过这个界面，直接使用此工具。如果需要注册的可以自己注册,此处省略注册过程。

　　进入的这个界面是一个欢迎界面，同时下面有该工具的使用的教程。可以先浏览器一遍，然后在来使用这个工具。同时整个软件界面使用的都是简体中文，看起来也相对容易。

　　使用步骤：

　　1，建立web项目(工具帮助你构建开发和解析html环境)

　　2，建立web页面(这是就是我们经常说的网页)

　　新建页面时，注意选择html5这一项，因为时下流行的就是html，选择这个之后，软件会自动生成html5的代码结构。

　　注：meta标记的charset属性一般设置为utf-8

　　这个工具的最大优点就是快捷键使用起来舒服和方便。

　　☆ HBuilder快捷键

　　点击”帮助”菜单,在里面找到”快捷键列表”这一项，点击他，然后在整个工具布局的右边看到一个列表，这里面就是对快捷键的描述。

　　对于快捷键的使用，大家可以自己慢慢体验和琢磨。只有用的时间长了，快捷键就会信手而来，练得次数多了，写起代码才有飞一般的感觉。

技术分享：www.kaige123.com