Sublime 簡介
親愛的讀者,你好,歡迎來到這門《Sublime 教程》。相信不止前端小伙伴,很多人對此并不陌生, 接下來就跟著這門教程來對 Sublime 進行一個詳細的了解吧。
本章節主要對 Sublime 做一個簡單的介紹, 我們將了解 Sublime 是什么,以及一些其他知識。
Tips: ctrl 對應著 mac 里面的 command 鍵
1. Sublime 是什么
Sublime 的全稱是 Sublime Text。它是一個文本編輯器,同時也是一個先進的代碼編輯器。Sublime Text 是由程序員 Jon Skinner 于 2008 年 1 月份所開發出來,它最初被設計為一個具有豐富擴展功能的 Vim。
Sublime Text 具有漂亮的用戶界面和強大的功能,例如代碼縮略圖,Python 的插件,代碼段等。還可自定義鍵綁定,菜單和工具欄。Sublime Text 是一個跨平臺的編輯器,同時支持 Windows、Linux、Mac OS X 等操作系統。它有許多亮點,諸如:輕量級,強大的api和包生態,性能高,極致體驗等等,后面的章節我們將一一敘述。
這里主要講解的是Sublime Text3。聰明的你肯定知道還有版本 1,版本 2,但是那些基本上不維護了,本著用最新的編輯器的原則,我們使用最新版的 Sublime Text3。
1.1 核心功能
核心功能非常強大,也是編輯器的一大亮點,熟悉了之后將會事半功倍
一些核心功能:
- GoTo Anything:顧名思義就是去任何一個文件,還可以跳轉到指定行數,單詞等,只要你想就可以做到;
- GoTo Definition:同理就是定位到事先定義的某個函數,類,方法,誰用誰知道;
- Multiple Selections:意思是多重選擇,在你需要一次性修改多處一樣的變量的時候,你就知道這個功能的強大;
- Command Palette:這個就是命令面板,里面是一些使用頻率不高的操作或者快速搜索某個操作;
- Powerful Api And Package Ecosystem:Sublime 編輯器的火爆離不開強大的生態圈和 api,比如代碼高亮,代碼補全,編輯 markdown 等等;
- ……
由于篇幅限制,我們僅演示 Goto Anything 功能,GoTo > Goto Anything,或者快捷鍵 Ctrl + P,然后模糊搜索即可,如下圖:
1.2 常用功能
日常工作中,常用的功能每時每刻都有用到,這里簡單列舉一些常用功能:
- 自動補全:在寫到一些關鍵的字符時,按下 Tab 鍵會自動補全,安裝了插件之后功能更強大;
- 多列編輯:按住 Ctrl 鍵, 然后在需要修改的地方點擊鼠標,就會出現多個閃爍的光標,同時修改,刪除;
- 代碼注釋:可以選擇自帶的注釋功能, 包括單行,多行注釋;
- 快捷鍵:Sublime 編輯器支持非常多的快捷鍵操作,這為我們日常工作提供了便利 ;
- ……
由于篇幅限制,我們僅演示多列編輯功能,如下圖:
1.3 是否收費
Sublime Text 是收費軟件,但是可以無限試用,未授權版本在使用過程會彈出授權提示,但是不影響使用,支持 Sublime Text 可以去官網購買(畢竟別人也是需要恰飯的)。
各位小伙伴不用擔心,這個彈框彈出頻率不高,手動關閉即可,不影響日常開發使用喲!
1.4 與其他編輯器的比較
事實上,可供我們選擇的編輯器有很多種,比如 Sublime,VSCode,Atom,WebStorm,HBuilder 等等,現在我們就來簡單對比一下比較常用的編輯器。
Tips:數據因個人電腦,項目,版本等有關,僅供參考
說明 | Sublime Text |
VS Code |
Atom |
Webstorm |
Hbuilder |
Notepad++ |
---|---|---|---|---|---|---|
大?。∕) | 10.4 | 54.7 | 174 | 266 | 18.3 | 3.86 |
啟動(s) | 0.1 | 0.2 ~ 0.3 | 0.2 ~ 0.3 | 0.3+ | 0.2 | <= 0.1 |
友好程度 | 優秀 | 優秀 | 優秀 | 良好 | 良好 | 優秀 |
多開 | 支持 | 支持 | 支持 | 支持 | 支持 | 不支持 |
是否收費 | 收費但使用無限制 | 免費 | 免費 | 收費 | 免費 | 免費 |
功能性 | 優秀 | 優秀 | 優秀 | 優秀 | 一般 | 良好 |
這里簡要列舉一些 Sublime 編輯器的優缺點
優點:
- 輕便,打開速度快,同時編輯幾個項目都不會出現卡頓現象;
- 插件市場豐富,編輯器功能強大;
- 對開發者友好,開發體驗超級棒。
缺點:
- 可以無限期使用,但是偶爾會出現收費彈框,關掉即可;
- 包管理器需要自行安裝,不能科學上網需要設置國內源。
假如你喜歡輕便,打開速度快,有時候需要同時編輯多個項目,享受極致編程體驗,那 Sublime 編輯器將是你的不二選擇。另外 notepad 可以作為一個文本編輯器來輔助。VSCode,Atom 插件裝多了的話可能略顯臃腫,打開速度稍遜一些,但同樣功能也是非常強大。Webstorm 收費,界面略微不好看。HBuilder 的插件市場一般,但是可以方便快速的開發跨平臺的 app。
總結:每個編輯器都有它自己的優缺點,適合自己的才是最好的。那么你選好自己的裝備了嗎?
2. 為什么要學習 Sublime 編輯器
不管記錄日志,或者是寫文檔,都離不開編輯器。那么同樣的,編程也離不開一個趁手的編輯器。顯然找一個功能強大,兼容性好,各方面都不錯的編輯器就非常重要了,所以本課程就應運而生了。
Sublime 編輯器擁有簡單的界面,支持各種插件,功能也非常強大,它能夠為你的日常開發帶來諸多便利,包括但不限于:代碼提示,補全,查找,替換等功能。
總之一句話:它能讓你的開發變簡單!
3. 本課程的設計思路
本課程從 Sublime 編輯器的安裝步驟開始切入。進而挖掘編輯器里面的內容,每一小節集成了非常多圖片和動圖,讓你醍醐灌頂。
總體來說,本課程分為幾大模塊:
- Sublime Text 的下載和安裝
- Sublime Text 的基本操作
- Sublime Text 的經驗操作
- Q&A
每個章節里面又會具體到某個平臺,或者某個例子。通過這些內容,你將會對 Sublime 編輯器有進一步的了解,在后面實戰中也能得心應手。
4. 你需要掌握的基礎
本課程難度為:簡單,不需要你掌握很多知識即可上手。但是掌握以下知識將會事半功倍:
- 善于使用搜索引擎,社區和文檔,能夠快速找到自己的問題所在
- 對英文有一定的了解,能夠讀懂一些英文文檔
總的說來,Sublime 編輯器這門課程難度不高,但是里面的內容卻不少。如果僅僅是讀完而不去實戰操作的話,過不了多久就會忘記。
俗語有云“站在岸邊永遠學不會游泳”。所以,在這里希望讀者多多實踐。
5. 小結
本章節主要對 Sublime 編輯器作了一些簡介,包括它的一些非常強大的特性,比如代碼定位,輕量級,豐富的插件,不斷更新迭代的 Sublime 編輯器一定會給你的工作,學習帶來非常大的便利??靵韺W習一下 Sublime Text 吧。
要讓自己變的強大,首先得選一把趁手的工具,工欲善其事必先利其器。