html文件其實就是一個文本文檔,但后綴為html。下面介紹幾個用於編輯html的常規程序。
記事本,寫字板:開發效率低,代碼還不容易閱讀。Windows自帶,估計用過windows的小伙伴都知道。

圖1-記事本
圖2-寫字板
相對效率高一點的有,UltraEdit、EditPlus、Notepad++、VIM:提供代碼着色,多文件編輯,宏,顯示行數等功能。我平時喜歡用VIM來查看和編輯一些文件,因為其可定制性較高,基本可以脫離鼠標操作。

圖3-VIM編輯器
接下來就是神器級別的了,是web前端開發攻城獅的御用工具,Webstorm和Sublime:提供了代碼智能提示,智能補全等功能。總之就是更加智能和便捷,大大提升了開發效率。個人覺得Webstorm相對更加智能一點,但感覺並不簡潔,我的破電腦運行Webstorm就有卡頓現象,但是Sublime相對輕巧靈活,界面清爽,功能也一應俱全。

圖4-Sublime編輯器
我這里還找來了一張介紹Sublime功能的截圖。
圖5-認識Sublime編輯器(截圖來自秒秒學課程)
具體的功能比較多,你可以自己親自使用試試,反正自家公司的web開發人員用的就是它。
下面我們介紹一下Sublime的安裝和使用:
處於安全和安裝版本的考慮,建議大家還是去官網下載Sublime的安裝包(http://www.sublimetext.com/), 官網上還用gif動態形象的展示了它的一些常用功能。
注意在安裝后, Sublime不會在桌面添加圖標,你需要在開始菜單的所有程序中找到它:

圖6-打開Sublime編輯器(截圖來自秒秒學課程)
通常我們習慣打開側邊欄,可以通過如下操作打開。
圖7-打開Sublime側邊欄(截圖來自秒秒學課程)
打開側邊欄后,基本的編輯界面就是下圖中的樣子。
圖8-Sublime基本界面(截圖來自秒秒學課程)
上圖有行數,代碼縮略圖,標題以及側邊目錄,和代碼高亮。然后下圖展示了智能代碼提示功能,基本這幾大功能是我們最常用的。
圖9-Sublime智能代碼提示(截圖來自秒秒學課程)
Sublime當然還有其它很多的功能,比如多窗口,多選擇,項目及時切換等等,作為web開發的初學者,我其實也很少用到這些高級功能,但我知道它真的很方便。
最后,當然是用瀏覽器打開html文件。如下圖,在html文件中右鍵,然后選擇Open in Broser選項就可以了。
圖10-用瀏覽器打開操作(截圖來自秒秒學課程)
總之呢,Sublime是一款輕量、簡潔、高效、而且跨平台的編輯器。支持N多種語言,很多攻城獅都偏愛它!作為web學習者,我覺得不用在編輯器的選擇上太費周章,選一款你中意的就行,比如我就比較中意Sublime。
