Sublime Text 新手入門

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個快捷鍵:

  1. Use Multiple Selections to rename variables quickly.
    Here Ctrl+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)行批量修改弧腥。

  2. 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)行編輯媒至。

  3. 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拴孤。

  4. 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í)時篩選文件名和文件夾名获三。

  5. 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)記裸弦。

  6. 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í)用的插件

  1. 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)上安裝插件豌熄,并且保持插件為最新版本授嘀。

  1. Emmet

Emmet 的前身是大名鼎鼎的 Zen coding。它使用仿 CSS 選擇器的語法來生成代碼房轿,按下 Tab 鍵粤攒,Emmet 就能把一個縮寫展開成一個 HTML 和 CSS 代碼塊所森,大大提高了 HTML/CSS 代碼編寫的速度。
想要更好的領(lǐng)略 Emmet 的魅力夯接,可以到官網(wǎng)查看 Demo 演示焕济。

下載方式:

  1. 點(diǎn)擊 Emmet 官網(wǎng)頁面下方的 Download
  2. 在新的頁面中選擇 Sublime Text(針對這個編輯器的插件)
  3. Github 頁面中的 How
    To Install 會告訴你有兩種安裝方式:使用 Package Control 或者是 Manually(手動)
  4. 這時候你的 ST 中還沒有 Package Control,你就點(diǎn)擊 With Package Control 上的鏈接
  5. 通過鏈接你來到了 Package Control的官網(wǎng)盔几,點(diǎn)擊 Install Now
  6. 根據(jù)你安裝的 ST 版本選擇代碼片段并復(fù)制
  7. 在 ST 里晴弃,View > Show Console,將復(fù)制的代碼片段粘貼到打開的 Console 中逊拍,回車芍阎,等一會兒 Package Control 就安裝好了!
  8. 在 ST 里,選擇 Preferences > Package Control珊随,點(diǎn)擊 “Package Control: Install Package”, 然后輸入 Emmet,選擇并安裝。
  9. Bingo!分分鐘安裝完畢!

PS:找到各自的官網(wǎng),根據(jù)提示安裝满着,條條大路通羅馬,以上只是我當(dāng)初安裝的方式还蹲,不是唯一的方式。

插件使用方式:

Package Control
就像安裝 Emmet 時的操作一樣,選擇 “Package Control: Install Package”诵次,然后輸入想要安裝的插件嬉荆,找到后點(diǎn)擊安裝就好啦!

Emmet
建議先將官網(wǎng)上淺顯易懂的使用方式學(xué)會(簡單的先用著,熟悉一下)弥虐,然后再深入學(xué)習(xí)惧磺,提高編碼效率缤底。

  1. BracketHighlighter

成對匹配的增強(qiáng)。
像這些符號是成對的:花括號 { }, 中括號 [ ],括號 ( ), 引號 “ ” 等缠局。 對于這些符號糊治,當(dāng)我們鼠標(biāo)放在開始符號的位置的時候粥脚,希望能明顯看到結(jié)尾符號在哪兒,sublime 中對于結(jié)尾符號默認(rèn)是顯示下劃線,很不明顯歧蒋,這個插件可以在行號左側(cè)顯示匹配的符號位置吴叶,很有幫助逊彭。

  1. AllAutocomplete

傳統(tǒng)的 Sublime Text 自動補(bǔ)全插件僅僅在當(dāng)前文件下工作囊榜。AllAutocomplete 針對補(bǔ)全可以搜索全部打開的標(biāo)簽頁,這將極大的簡化開發(fā)進(jìn)程。

  1. 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.

  1. AutoFileName

自動補(bǔ)全文件路徑挣菲,非常方便實(shí)用或杠。

  1. Color Highlighter

顏色高亮挟鸠,將代碼所代表的顏色以相應(yīng)的顏色高亮出來,便于尋找和判斷顏色代碼的位置淹真。

  1. HTML/CSS/JS Prettify

這是一款集成了格式化(美化)html、css、js 三種文件類型的插件绞绒。插件依賴于 nodejs筒饰,因此需要事先安裝 nodejs,然后才可以正常運(yùn)行夕玩。nodejs 只要到官網(wǎng)下載烹俗,然后保存地址選擇默認(rèn)的就可以了乎赴。
強(qiáng)烈推薦這款插件戴质,有時候任性的寫了一段代碼或者復(fù)制粘貼別處的代碼段后,丑陋的代碼排版讓人無法忍受,但是手動調(diào)整又費(fèi)時間往弓,使用這個插件就可以輕松將代碼的排版美化,令人心情愉悅钟沛。

參考文章:推薦!Sublime Text 最佳插件列表

小結(jié)

插件的具體用法等不懂的可以查閱相關(guān)資料畴蒲,可以從官網(wǎng)的說明開始查起质礼,那里總是會有最佳實(shí)踐浩嫌,不怕錯過插件最令人贊嘆的功能码耐。
Sublime Text 還有很多有助于提高開發(fā)效率的快捷鍵束铭,插件埠褪,功能等昆咽,等上手了就可以進(jìn)一步探索了虚婿!當(dāng)你遇到重復(fù)性的代碼工作時然痊,就可以考慮去搜索是否有相關(guān)的插件可供使用,往往會發(fā)現(xiàn)驚喜哦羡洁。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末玷过,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌辛蚊,老刑警劉巖粤蝎,帶你破解...
    沈念sama閱讀 222,183評論 6 516
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異袋马,居然都是意外死亡初澎,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,850評論 3 399
  • 文/潘曉璐 我一進(jìn)店門虑凛,熙熙樓的掌柜王于貴愁眉苦臉地迎上來碑宴,“玉大人,你說我怎么就攤上這事桑谍⊙幽” “怎么了?”我有些...
    開封第一講書人閱讀 168,766評論 0 361
  • 文/不壞的土叔 我叫張陵锣披,是天一觀的道長贞间。 經(jīng)常有香客問我,道長雹仿,這世上最難降的妖魔是什么增热? 我笑而不...
    開封第一講書人閱讀 59,854評論 1 299
  • 正文 為了忘掉前任,我火速辦了婚禮胧辽,結(jié)果婚禮上峻仇,老公的妹妹穿的比我還像新娘。我一直安慰自己邑商,他們只是感情好摄咆,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,871評論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著奠骄,像睡著了一般豆同。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上含鳞,一...
    開封第一講書人閱讀 52,457評論 1 311
  • 那天影锈,我揣著相機(jī)與錄音,去河邊找鬼蝉绷。 笑死鸭廷,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的熔吗。 我是一名探鬼主播辆床,決...
    沈念sama閱讀 40,999評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼桅狠!你這毒婦竟也來了讼载?” 一聲冷哼從身側(cè)響起轿秧,我...
    開封第一講書人閱讀 39,914評論 0 277
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎咨堤,沒想到半個月后菇篡,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,465評論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡一喘,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,543評論 3 342
  • 正文 我和宋清朗相戀三年驱还,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片凸克。...
    茶點(diǎn)故事閱讀 40,675評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡议蟆,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出萎战,到底是詐尸還是另有隱情咐容,我是刑警寧澤,帶...
    沈念sama閱讀 36,354評論 5 351
  • 正文 年R本政府宣布蚂维,位于F島的核電站疟丙,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏鸟雏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,029評論 3 335
  • 文/蒙蒙 一览祖、第九天 我趴在偏房一處隱蔽的房頂上張望孝鹊。 院中可真熱鬧,春花似錦展蒂、人聲如沸又活。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,514評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽柳骄。三九已至,卻和暖如春箕般,著一層夾襖步出監(jiān)牢的瞬間耐薯,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,616評論 1 274
  • 我被黑心中介騙來泰國打工丝里, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留曲初,地道東北人。 一個月前我還...
    沈念sama閱讀 49,091評論 3 378
  • 正文 我出身青樓杯聚,卻偏偏與公主長得像臼婆,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子幌绍,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,685評論 2 360

推薦閱讀更多精彩內(nèi)容