Sublime 簡介

親愛的讀者，你好，歡迎來到這門《Sublime 教程》。相信不止前端小伙伴，很多人對(duì)此并不陌生, 接下來就跟著這門教程來對(duì) Sublime 進(jìn)行一個(gè)詳細(xì)的了解吧。

本章節(jié)主要對(duì) Sublime 做一個(gè)簡單的介紹, 我們將了解 Sublime 是什么，以及一些其他知識(shí)。

Tips： ctrl 對(duì)應(yīng)著 mac 里面的 command 鍵

1. Sublime 是什么

Sublime 的全稱是 Sublime Text。它是一個(gè)文本編輯器，同時(shí)也是一個(gè)先進(jìn)的代碼編輯器。Sublime Text 是由程序員 Jon Skinner 于 2008 年 1 月份所開發(fā)出來，它最初被設(shè)計(jì)為一個(gè)具有豐富擴(kuò)展功能的 Vim。

Sublime Text 具有漂亮的用戶界面和強(qiáng)大的功能，例如代碼縮略圖，Python 的插件，代碼段等。還可自定義鍵綁定，菜單和工具欄。Sublime Text 是一個(gè)跨平臺(tái)的編輯器，同時(shí)支持 Windows、Linux、Mac OS X 等操作系統(tǒng)。它有許多亮點(diǎn)，諸如：輕量級(jí)，強(qiáng)大的api和包生態(tài)，性能高，極致體驗(yàn)等等，后面的章節(jié)我們將一一敘述。

這里主要講解的是Sublime Text3。聰明的你肯定知道還有版本 1，版本 2，但是那些基本上不維護(hù)了，本著用最新的編輯器的原則，我們使用最新版的 Sublime Text3。

1.1 核心功能

核心功能非常強(qiáng)大，也是編輯器的一大亮點(diǎn)，熟悉了之后將會(huì)事半功倍

一些核心功能：

• GoTo Anything：顧名思義就是去任何一個(gè)文件，還可以跳轉(zhuǎn)到指定行數(shù)，單詞等，只要你想就可以做到；
• GoTo Definition：同理就是定位到事先定義的某個(gè)函數(shù)，類，方法，誰用誰知道；
• Multiple Selections：意思是多重選擇，在你需要一次性修改多處一樣的變量的時(shí)候，你就知道這個(gè)功能的強(qiáng)大；
• Command Palette：這個(gè)就是命令面板，里面是一些使用頻率不高的操作或者快速搜索某個(gè)操作；
• Powerful Api And Package Ecosystem：Sublime 編輯器的火爆離不開強(qiáng)大的生態(tài)圈和 api，比如代碼高亮，代碼補(bǔ)全，編輯 markdown 等等；
• ……

由于篇幅限制，我們僅演示 Goto Anything 功能，GoTo > Goto Anything，或者快捷鍵 Ctrl + P，然后模糊搜索即可，如下圖：

1.2 常用功能

日常工作中，常用的功能每時(shí)每刻都有用到，這里簡單列舉一些常用功能：

• 自動(dòng)補(bǔ)全：在寫到一些關(guān)鍵的字符時(shí)，按下 Tab 鍵會(huì)自動(dòng)補(bǔ)全，安裝了插件之后功能更強(qiáng)大；
• 多列編輯：按住 Ctrl 鍵， 然后在需要修改的地方點(diǎn)擊鼠標(biāo)，就會(huì)出現(xiàn)多個(gè)閃爍的光標(biāo)，同時(shí)修改，刪除；
• 代碼注釋：可以選擇自帶的注釋功能， 包括單行，多行注釋；
• 快捷鍵：Sublime 編輯器支持非常多的快捷鍵操作，這為我們?nèi)粘９ぷ魈峁┝吮憷?；
• ……

由于篇幅限制，我們僅演示多列編輯功能，如下圖：

1.3 是否收費(fèi)

Sublime Text 是收費(fèi)軟件，但是可以無限試用，未授權(quán)版本在使用過程會(huì)彈出授權(quán)提示，但是不影響使用，支持 Sublime Text 可以去官網(wǎng)購買（畢竟別人也是需要恰飯的）。

各位小伙伴不用擔(dān)心，這個(gè)彈框彈出頻率不高，手動(dòng)關(guān)閉即可，不影響日常開發(fā)使用喲！

1.4 與其他編輯器的比較

事實(shí)上，可供我們選擇的編輯器有很多種，比如 Sublime，VSCode，Atom，WebStorm，HBuilder 等等，現(xiàn)在我們就來簡單對(duì)比一下比較常用的編輯器。

Tips：數(shù)據(jù)因個(gè)人電腦，項(xiàng)目，版本等有關(guān)，僅供參考

這里簡要列舉一些 Sublime 編輯器的優(yōu)缺點(diǎn)
優(yōu)點(diǎn)：

• 輕便，打開速度快，同時(shí)編輯幾個(gè)項(xiàng)目都不會(huì)出現(xiàn)卡頓現(xiàn)象；
• 插件市場(chǎng)豐富，編輯器功能強(qiáng)大；
• 對(duì)開發(fā)者友好，開發(fā)體驗(yàn)超級(jí)棒。

缺點(diǎn)：

• 可以無限期使用，但是偶爾會(huì)出現(xiàn)收費(fèi)彈框，關(guān)掉即可；
• 包管理器需要自行安裝，不能科學(xué)上網(wǎng)需要設(shè)置國內(nèi)源。

假如你喜歡輕便，打開速度快，有時(shí)候需要同時(shí)編輯多個(gè)項(xiàng)目，享受極致編程體驗(yàn)，那 Sublime 編輯器將是你的不二選擇。另外 notepad 可以作為一個(gè)文本編輯器來輔助。VSCode，Atom 插件裝多了的話可能略顯臃腫，打開速度稍遜一些，但同樣功能也是非常強(qiáng)大。Webstorm 收費(fèi)，界面略微不好看。HBuilder 的插件市場(chǎng)一般，但是可以方便快速的開發(fā)跨平臺(tái)的 app。

總結(jié)：每個(gè)編輯器都有它自己的優(yōu)缺點(diǎn)，適合自己的才是最好的。那么你選好自己的裝備了嗎？

2. 為什么要學(xué)習(xí) Sublime 編輯器

不管記錄日志，或者是寫文檔，都離不開編輯器。那么同樣的，編程也離不開一個(gè)趁手的編輯器。顯然找一個(gè)功能強(qiáng)大，兼容性好，各方面都不錯(cuò)的編輯器就非常重要了，所以本課程就應(yīng)運(yùn)而生了。

Sublime 編輯器擁有簡單的界面，支持各種插件，功能也非常強(qiáng)大，它能夠?yàn)槟愕娜粘ｉ_發(fā)帶來諸多便利，包括但不限于：代碼提示，補(bǔ)全，查找，替換等功能。

總之一句話：它能讓你的開發(fā)變簡單！

3. 本課程的設(shè)計(jì)思路

本課程從 Sublime 編輯器的安裝步驟開始切入。進(jìn)而挖掘編輯器里面的內(nèi)容，每一小節(jié)集成了非常多圖片和動(dòng)圖，讓你醍醐灌頂。
總體來說，本課程分為幾大模塊：

• Sublime Text 的下載和安裝
• Sublime Text 的基本操作
• Sublime Text 的經(jīng)驗(yàn)操作
• Q&A

每個(gè)章節(jié)里面又會(huì)具體到某個(gè)平臺(tái)，或者某個(gè)例子。通過這些內(nèi)容，你將會(huì)對(duì) Sublime 編輯器有進(jìn)一步的了解，在后面實(shí)戰(zhàn)中也能得心應(yīng)手。

4. 你需要掌握的基礎(chǔ)

本課程難度為：簡單，不需要你掌握很多知識(shí)即可上手。但是掌握以下知識(shí)將會(huì)事半功倍：

• 善于使用搜索引擎，社區(qū)和文檔，能夠快速找到自己的問題所在
• 對(duì)英文有一定的了解，能夠讀懂一些英文文檔

總的說來，Sublime 編輯器這門課程難度不高，但是里面的內(nèi)容卻不少。如果僅僅是讀完而不去實(shí)戰(zhàn)操作的話，過不了多久就會(huì)忘記。

俗語有云“站在岸邊永遠(yuǎn)學(xué)不會(huì)游泳”。所以，在這里希望讀者多多實(shí)踐。

5. 小結(jié)

本章節(jié)主要對(duì) Sublime 編輯器作了一些簡介，包括它的一些非常強(qiáng)大的特性，比如代碼定位，輕量級(jí)，豐富的插件，不斷更新迭代的 Sublime 編輯器一定會(huì)給你的工作，學(xué)習(xí)帶來非常大的便利?？靵韺W(xué)習(xí)一下 Sublime Text 吧。

要讓自己變的強(qiáng)大，首先得選一把趁手的工具，工欲善其事必先利其器。