探討一下Sublime編輯器的優點


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。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM