HTML笔记2：代码编辑器介绍

“工欲善其事，必先利其器”,“磨刀不误砍材工”，这些名言都是告诉我们，一个高效的工具对工作的有着非比寻常的意义。《西游记》哪位神仙没有贴身神器法宝？美猴王孙悟空在厉害，不也有威力无比的“金箍棒”在手吗？

任何纯文本都能编辑HTML，比如上篇文章中用过的记事本，还有editplus、 notepiad++等。

为了提高写代码的效率，还出现了一些编辑代码的专用工具，比如Dreamweaver，sublime，webstorm。 dreamweaver是adobe公司的产品，现在已经是“过气网红”了，不是一个好的代码编辑器，webstorm是一个高级的项目级别的程序编辑器，但是需要收费。我自己用过的编辑器只有editplus和sublime，下面小编给大家简单介绍这两款编辑器。

1. Editplus

这是我第一次用的编辑器，2M, 可用来编辑HTML、CSS、PHP、ASP、Perl、C/C++、Java、JavaScript和VBScript等语言，支持语法高亮标记。起初用的时候觉得真是神奇，标签高亮显示，用不同的颜色加以区分，比笔记本好用多啦。但是用了不久，我发现修改代码之后，浏览器上加载的还是原来的样子，怎么回事？刚开始我还以为是我代码敲错了，反反复复检查了几遍代码，后来折腾了两次，才发现是编辑器的问题。原来的想法真是too yung too simple 啊，果断分手 ！(′д｀ )…彡…彡 它长相如图1：

图1

2. Sublime

sublime的中文意思是“华丽的”，是2011年开始流行的代码编辑器，可以编辑java、c、php等很多语言。
html、css、js在sublime中支持非常好。界面也非常漂亮，安装简单、小巧、插件多。

有一点必须注意，保存文件一定要手动书写后缀名“.html”,否则代码就不能正常编写。 如图2

图2

• Sublime中的常用快捷键
  ctrl+滚轮 放大缩小文字
  ctrl+shift+d 复制当前行
  ctrl+shift+k 删除当前行
  ctrl+shift+↑ 上移当前行
  ctrl+shift+↓ 下移当前行

输入代码时，只需要敲出标签的名字，或者关键字母，就可以自动生成标签对啦。
比如输入“p”,然后按tab键，会自动出现:<p></p>

输入字母 c ,会自动生成注释标签：

<!-- 这里写注释，不会再浏览器上显示 -->

代码编辑器就说到这里啦，下一节，我们会详细学习html的基本骨架。