一起学习前端开发（002）——编辑器

我们在上一篇文章的最后写了一个小Demo，不知道小伙伴们有没有尝试着写一遍。对于接触过web开发的人来说，这个Demo可能最简单不过，但是没接触过的人在这里可能就面临学习中的第一个问题：这个html文件到底是怎么创建的，到底怎么选择开发环境？

HTML用编辑器就能编写，因此HTML的开发环境就可以理解为HTML编辑器。现在，市面上付费的和免费的都有很多，例如adobe dreamweaver、notepad++、记事本（win）以及TextEdit (Mac)等。在这可以安利一款国内做的比较好的编辑器Hbuilder，它是基于Eclipse主体是由Java编写的一款针对web开发的IDE（小编对灯发誓没有收广告费）。

很多人都推荐新手直接实用记事本直接编写文档，这样有助于记忆，但是在这个颜值至上的时代，记事本显得有点过于平淡。我们今天在这给小伙伴介绍一款编辑器，不仅美观还很高效，那就是被很多开发者奉为“神器”的Sublime Text，先看图：

怎么样，是不是比记事本好看太多了呢？之所以被奉为“神器”，Sublime Text不仅具有漂亮的用户界面，而且具有强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。

有了编辑器，下面我们来学习怎么用Sublime Text来创建HTML文档（Windows系统为例）：

步骤一：打开Sublime Text

打开“开始”菜单或者直接双击桌面的Sublime Text快捷方式打开编辑器；

步骤二：新建文件

点击菜单“文件”>>"新建文件"，新建一个空白文档；

步骤三：保存文件

点击菜单“文件”>>"保存"或直接快捷键ctrl+s，弹窗提示选择保存路径并输入文件名Hello World.html后点击保存按钮，此时一个文本文档就创建完成；

步骤四：键入 HTML 代码

在文本区域输入代码并保存；

步骤五：打开HTML文档

在浏览器中查看网页；

在浏览器中打开HTML有几种方式：

在Sublime Text文本编辑区域直接右键选择“在浏览器中打开”；

在windows下直接双击HTML文档文件用默认浏览器打开；

打开浏览器后，单击菜单“文件”>>“打开”或使用快捷键ctrl+O打开HTML文档文件。