Hbuilder网站开发环境搭建

大家晚上好啊！！现在是2019年10月15日21点54分，我又来造作了！

    前面我记录了一些我对HTML的一些理解，今天我将教大家搭建一个Hbuilder网站开发环境。开发网站的的环境有很多，最初的大佬们没有一个很好的开发软件，就使用电脑自带的记事本进行网页的编写，我试了一下使用记事本来编写，真的太难受了！！没有代码自动补全，没有自动排版，突然发现自己一点都不会了，但是使用记事本来开发真的很锻炼一个人的编程能力。好了废话不多说了，我就来介绍一下我所知道的HTML的开发软件。

    DreamWeaver是我知道并且使用过一段时间的一个开发软件，整体界面看起来很舒服，和其他的Adobe软件一样，DW的整体布局可以按照自己的喜好来调整，我后来不使用DW的原因是因为DW的功能是在太多了，对我一个小白来说很不友好，我经常找不到我要使用的界面去哪儿了，但是DW的功能确实强大，如果大家喜欢这种类型的开发环境也可以使用，我会在结尾附上Adobe Dreamweaver CC 2019的破解版的下载地址(穷学生用不起正版，各位轻喷！！)

DreamWeaver主界面

    接下来为大家介绍的一款就是我目前在使用的一款十分轻量化的开发环境Hbuilder，Hbuilder的标准版只有十几MB，但是该有的功能都有，代码自动补全，框架生成等等，Hbuilder是一款免费的软件（反正我用了这么久没收费）大家可以直接去Hbuilder的官方网站下载，下载地址我也会放在文章的结尾部分。下载的时候选择HbuilderX就可以

选择HbuilderX DOWNLOAD

HbuilderX下载之后不需要安装，可以直接打开使用，选择HbuilderX.exe可以直接打开，建议大家将这个HbuilderX.exe发送到桌面快捷方式方便使用。

HbuilderX.exe

    下面是Hbuilder X的主界面，我会教大家如何在Hbuilder X上新建一个HTML工程。

Hbuilder X主界面

选择文件-新建-项目

新建一个项目

为你的新项目命名，我的是“我的第一个web项目”下方选择模板选择“基本HTML项目” 然后Hbuilder X会帮你生成一个带有基本HTML矿建的基础代码。

命名

点击左侧项目管理栏，打开你的第一个工程文件夹，点击index.html文件打开编程界面。

Hbuilder X生成的基本代码框架

Adobe Dreamweaver CC 2019WIN版本下载地址：

链接：https://pan.baidu.com/s/1P3ScJ71Gs6xC9YCOD_H0Pg  提取码：aje8

Adobe Dreamweaver CC 2019Mac版本下载地址：

链接：https://pan.baidu.com/s/143MNcMBISk7z1ncW47DGXQ 提取码：gp7q

Hbuilder X下载地址：https://www.dcloud.io/

（DW资源来自于http://www.gfxcamp.com/）