html开发环境搭建

存在一个优良的编辑器，借助它我们能够便利地开展项目，进行代码编写，对我们的项目予以配置以及管理。因而在我们着手编写 html 代码之前，需要搭建开发环境。

有着基于html项目的开发与代码编写情况，当下互联网上存在诸多编辑器，其中既有免费的，亦有收费的编辑器，基于系统环境进行html代码开发与编写时，最简单的编辑器乃是自带的记事本，我们能够运用记事本去编辑html代码。

使用记事本编撰html的流程是，最先创建一个文本文档，依照html的语法准则编写相关代码并且保存文档，接着将文档的后缀名改成.html，运用电脑上的浏览器打开便可查看我们代码的运行成果。

虽则记事本亦能够去编写html代码，然而效率并非很高且具有不便之处，因而我们选用专业的编辑器用以开展项目，进行代码编写以及项目管理。

利用常用html代码来进行编写打造的免费软件存在着，比如vs code，还有Text等等。

官网下载地址：

https://www.dcloud.io/hbuilderx.html

vs code的官网下载地址：

https://code.visualstudio.com/

Text官网下载地址：

http://www.sublimetext.com/

后续我们所有教程均会采用，鉴于此，为方便同学们学习sublime text 模板，针对其下载以及安装，将给出详尽教程安排。

一，下载

首先访问的官网网址：

https://www.dcloud.io/hbuilderx.html

开启上方的那个下载网址之后，去点击页面之上，于弹出的对话框当中、挑选适配自身电脑的版本来下载。

在环境下下载后的文件是一个压缩的.zip文件。

二，安装

鼠标右击下载下来的压缩文件进行解压。

解压完成后是一个名为的文件夹。

解压完成后鼠标双击文件夹：

双击运行名为.exe的应用程序文件即可启动编辑器：

鉴于其属于绿色软件，故而不存在桌面快捷方式以及开始菜单快速启动程序，我们能够通过右击.exe文件来创建桌面快捷方式。

小百科：

绿色软件是指那一类小型软件，其中多数都是免费软件，其最大的特点在于，该软件无需进行安装就能使用，它能够存放于闪存里边，即便移除之后，也不会在本机计算机上留下任何记录。通俗来讲，绿色软件指的就是那种不用安装，下载后直接就能够使用的软件。绿色软件不会在注册表中留存注册表键值，所以相较于一般的软件而言，绿色软件对系统的影响几乎不存在，因而它是一种很不错的软件类型。

三，新建项目

编辑器初次启动时的默认界面是下图所示：

按照下图所示可以创建一个新的名为demo1空白项目：

名为demo1的空白项目创建成功后的界面如下图所示：

接下来在刚我们新建的demo1项目下创建名为的html文件

鼠标右击创建的demo1项目选择新建在选择.html文件：

在弹出的对话框里填入html文件的名称：

编写一段代码：

运行：

在浏览器上观察效果：

好了，到这里html的开发环境搭建和的安装教程结束了。

接下来我们对如何去改成符合主题风格这件事再予以讲解，自身具备修改软件主题的功能，使用者能够依据自身需求以及喜好去调整风格，也会是一件令人艳羡之事，即在符合自己心中所喜之环境里开展开发。

经由以下步骤能够予以修改的主题sublime text 模板，起始默认主题为绿柔，我们能够将其改换为雅黑，亦或是雅蓝，又或者于自己进行自定义设置主题。

雅黑主题：

雅蓝主题：

好了本节全部内容全部结束了，希望我准备的内容对你有所帮助

我的最大动力乃是你的支持，要是认为我的教程尚可或者对你有益处，那就为我点赞并且加关注，多谢！

如有侵权请联系删除！