Step 1:從官網(wǎng)下載軟件
Sublime Text 官網(wǎng)下載
選擇適用于自己當(dāng)前操作平臺的 Sublime Text 的最新的穩(wěn)定版本進(jìn)行下載誉碴。
Step 2:學(xué)習(xí)常用的快捷鍵
官網(wǎng) 上的6張動圖很好的解釋了 ST 最常用也最實(shí)用的6個快捷鍵:
Use Multiple Selections to rename variables quickly.
HereCtrl+D
is used to select the next occurrence of the current word.
使用多選來同時重命名多處變量。
Ctrl+D
可用來選擇當(dāng)前所選內(nèi)容的下一處出現(xiàn)位置蹈丸,Alt+F3
可一次性將所有與當(dāng)前所選內(nèi)容一致的地方選擇到逻杖,進(jìn)行批量修改弧腥。Make batch edits with Multiple Selections.
Here Ctrl+Shift+L is used to split a selection into lines, and each line is then edited simultaneously.
使用多選來進(jìn)行批量編輯管搪。
Ctrl+Shift+L
用來將所選區(qū)域按行區(qū)分更鲁,每行末尾都會出現(xiàn)光標(biāo)澡为,可同時進(jìn)行編輯媒至。The Command Palette gives fast access to functionality.
Here Ctrl+Shift+P is used to show the Command Palette, "sspy" (short for Set Syntax: Python) is used set the syntax of the current file to Python.
通過命令面板可以快速使用各種功能拒啰。
Ctrl+Shift+P
是打開命令面板的快捷鍵谋旦,"sspy"(Set Syntax: Python 的縮寫)用來將當(dāng)前文件的語法設(shè)置為 Python拴孤。Use Goto Anything to quickly navigate between files, even in the largest projects.
Ctrl+P shows Goto Anything, and typing then filters on file and directory names.
使用 Goto Anything 來快速在不同文件中切換演熟,即使是在最大的項(xiàng)目中芒粹。
Ctrl+P
打開 Goto Anything 輸入框是辕,然后進(jìn)行輸入將會實(shí)時篩選文件名和文件夾名获三。Goto Anything can also be used to show a function, line or word within a file.
Type @ after a file name to filter on symbols.
Goto Anything 同時也可以尋找一個文件中的某個方法疙教,某一行或者某個詞贞谓。
在文件名后面輸入 @ 來進(jìn)一步篩選文件中的具體標(biāo)記裸弦。Find and Replace with regular expressions.
Here unwanted whitespace is removed by using the regex " +" to find groups of spaces, which are then selected simultaneously with the Find All button.
使用正則表達(dá)式來進(jìn)行尋找和替換理疙。
使用正則“ +”(空格和+號)來找到連續(xù)的空格窖贤,然后使用Find All
按鈕來找到所有符合條件的地方赃梧。
更多常用的值得學(xué)習(xí)的快捷鍵請參考這篇文章:Gif多圖:常用的 16 個 Sublime Text 快捷鍵
Step 3:安裝實(shí)用的插件
- Package Control
Package Control:
The Sublime Text package manager that makes it exceedingly simple to find, install and keep packages up-to-date.
Package Control 可以使我們輕松的在 ST(Sublime Text)上安裝插件豌熄,并且保持插件為最新版本授嘀。
- Emmet
Emmet 的前身是大名鼎鼎的 Zen coding。它使用仿 CSS 選擇器的語法來生成代碼房轿,按下 Tab 鍵粤攒,Emmet 就能把一個縮寫展開成一個 HTML 和 CSS 代碼塊所森,大大提高了 HTML/CSS 代碼編寫的速度。
想要更好的領(lǐng)略 Emmet 的魅力夯接,可以到官網(wǎng)查看 Demo 演示焕济。
下載方式:
- 點(diǎn)擊 Emmet 官網(wǎng)頁面下方的 Download
- 在新的頁面中選擇 Sublime Text(針對這個編輯器的插件)
- Github 頁面中的 How
To Install 會告訴你有兩種安裝方式:使用 Package Control 或者是 Manually(手動) - 這時候你的 ST 中還沒有 Package Control,你就點(diǎn)擊 With Package Control 上的鏈接
- 通過鏈接你來到了 Package Control的官網(wǎng)盔几,點(diǎn)擊 Install Now
- 根據(jù)你安裝的 ST 版本選擇代碼片段并復(fù)制
- 在 ST 里晴弃,View > Show Console,將復(fù)制的代碼片段粘貼到打開的 Console 中逊拍,回車芍阎,等一會兒 Package Control 就安裝好了!
- 在 ST 里,選擇 Preferences > Package Control珊随,點(diǎn)擊 “Package Control: Install Package”, 然后輸入 Emmet,選擇并安裝。
- Bingo!分分鐘安裝完畢!
PS:找到各自的官網(wǎng),根據(jù)提示安裝满着,條條大路通羅馬,以上只是我當(dāng)初安裝的方式还蹲,不是唯一的方式。
插件使用方式:
Package Control:
就像安裝 Emmet 時的操作一樣,選擇 “Package Control: Install Package”诵次,然后輸入想要安裝的插件嬉荆,找到后點(diǎn)擊安裝就好啦!
Emmet:
建議先將官網(wǎng)上淺顯易懂的使用方式學(xué)會(簡單的先用著,熟悉一下)弥虐,然后再深入學(xué)習(xí)惧磺,提高編碼效率缤底。
- BracketHighlighter
成對匹配的增強(qiáng)。
像這些符號是成對的:花括號 { }, 中括號 [ ],括號 ( ), 引號 “ ” 等缠局。 對于這些符號糊治,當(dāng)我們鼠標(biāo)放在開始符號的位置的時候粥脚,希望能明顯看到結(jié)尾符號在哪兒,sublime 中對于結(jié)尾符號默認(rèn)是顯示下劃線,很不明顯歧蒋,這個插件可以在行號左側(cè)顯示匹配的符號位置吴叶,很有幫助逊彭。
- AllAutocomplete
傳統(tǒng)的 Sublime Text 自動補(bǔ)全插件僅僅在當(dāng)前文件下工作囊榜。AllAutocomplete 針對補(bǔ)全可以搜索全部打開的標(biāo)簽頁,這將極大的簡化開發(fā)進(jìn)程。
- SublimeCodeIntel
SublimeCodeIntel:A full-featured code intelligence and smart autocomplete engine for Sublime Text.
實(shí)現(xiàn)了一些 IDE 的功能并且為一些語言提供了“代碼情報”: JavaScript, Mason, XBL, XUL, RHTML, SCSS, Python, HTML, Ruby, Python3, XML, Sass, XSLT, Django, HTML5, Perl, CSS, Twig, Less, Smarty, Node.js, Tcl, TemplateToolkit, PHP.
- AutoFileName
自動補(bǔ)全文件路徑挣菲,非常方便實(shí)用或杠。
- Color Highlighter
顏色高亮挟鸠,將代碼所代表的顏色以相應(yīng)的顏色高亮出來,便于尋找和判斷顏色代碼的位置淹真。
- HTML/CSS/JS Prettify
這是一款集成了格式化(美化)html、css、js 三種文件類型的插件绞绒。插件依賴于 nodejs筒饰,因此需要事先安裝 nodejs,然后才可以正常運(yùn)行夕玩。nodejs 只要到官網(wǎng)下載烹俗,然后保存地址選擇默認(rèn)的就可以了乎赴。
強(qiáng)烈推薦這款插件戴质,有時候任性的寫了一段代碼或者復(fù)制粘貼別處的代碼段后,丑陋的代碼排版讓人無法忍受,但是手動調(diào)整又費(fèi)時間往弓,使用這個插件就可以輕松將代碼的排版美化,令人心情愉悅钟沛。
小結(jié)
插件的具體用法等不懂的可以查閱相關(guān)資料畴蒲,可以從官網(wǎng)的說明開始查起质礼,那里總是會有最佳實(shí)踐浩嫌,不怕錯過插件最令人贊嘆的功能码耐。
Sublime Text 還有很多有助于提高開發(fā)效率的快捷鍵束铭,插件埠褪,功能等昆咽,等上手了就可以進(jìn)一步探索了虚婿!當(dāng)你遇到重復(fù)性的代碼工作時然痊,就可以考慮去搜索是否有相關(guān)的插件可供使用,往往會發(fā)現(xiàn)驚喜哦羡洁。