關于Sublime Text3的安裝和優雅使用我有一句標特否要說

說在前面

古人云:“工欲善其事,必先利其器。”,所以要想更好的裝逼,呸呸呸,是更好的擼碼,那就必須得有一款看起來很高大上,使用起來很爽,又很輕量級的編輯器了。在不同語言的開發環境下可能你都會有很喜歡的編輯器,但有時候你僅僅只是想寫點什么或者看下別人寫的東西,又不想打開你那沉重的IDE,那么你就可以選擇一些輕量級的編輯器了,下面說說我知道的幾款吧。

  • notepad++: windows下的一款比較好用的文本編輯器(至少比系統的記事本好用)
  • vim(或者vi):這款號稱叫編輯器之神的編輯器,確實好用,有幾種模式和一大堆的快捷鍵,有點記不住,而且在Linux操作系統下用的較多(windows的git bash里也有)
  • Sublime Text(簡稱ST):這就是今天的主角了,他強大的插件和用法比起上面兩款應該是更受青睞,下面就詳細說說它的安裝和一些插件安裝以及快捷鍵(請準備好凳子。。。)

安裝Sublime Text 3

首先直接去它的官網 根據自己的系統版本下載相應的安裝包,但是一定要選擇ST3,而不是ST2,3比2好用,真的,后面你就知道了。

安裝好后,打開后是不是發現最頂部有一個括號,里面寫的未注冊的英文,有強迫癥的朋友估計受不了了,那么就來激活它吧。(當然,手頭寬裕的還是請支持正版!)

點開Help,填入注冊碼即可去掉那個括號了。下面是親測可用的注冊碼。

—– BEGIN LICENSE —–
Michael Barnes
Single User License
EA7E-821385
8A353C41 872A0D5C DF9B2950 AFF6F667
C458EA6D 8EA3C286 98D1D650 131A97AB
AA919AEC EF20E143 B361B1E7 4C8B7F04
B085E65E 2F5F5360 8489D422 FB8FC1AA
93F6323C FD7F7544 3F39C318 D95E6480
FCCC7561 8A4A1741 68FA4223 ADCEDE07
200C25BE DBBC4855 C4CFB774 C5EC138C
0FEC1CEF D9DCECEC D3A5DAD1 01316C36
—— END LICENSE ——
—– BEGIN LICENSE —–
Nicolas Hennion
Single User License
EA7E-866075
8A01AA83 1D668D24 4484AEBC 3B04512C
827B0DE5 69E9B07A A39ACCC0 F95F5410
729D5639 4C37CECB B2522FB3 8D37FDC1
72899363 BBA441AC A5F47F08 6CD3B3FE
CEFB3783 B2E1BA96 71AAF7B4 AFB61B1D
0CC513E7 52FF2333 9F726D2C CDE53B4A
810C0D4F E1F419A3 CDA0832B 8440565A
35BF00F6 4CA9F869 ED10E245 469C233E
—— END LICENSE ——
—– BEGIN LICENSE —–
Anthony Sansone
Single User License
EA7E-878563
28B9A648 42B99D8A F2E3E9E0 16DE076E
E218B3DC F3606379 C33C1526 E8B58964
B2CB3F63 BDF901BE D31424D2 082891B5
F7058694 55FA46D8 EFC11878 0868F093
B17CAFE7 63A78881 86B78E38 0F146238
BAE22DBB D4EC71A1 0EC2E701 C7F9C648
5CF29CA3 1CB14285 19A46991 E9A98676
14FD4777 2D8A0AB6 A444EE0D CA009B54
—— END LICENSE ——
—– BEGIN LICENSE —–
Alexey Plutalov
Single User License
EA7E-860776
3DC19CC1 134CDF23 504DC871 2DE5CE55
585DC8A6 253BB0D9 637C87A2 D8D0BA85
AAE574AD BA7D6DA9 2B9773F2 324C5DEF
17830A4E FBCF9D1D 182406E9 F883EA87
E585BBA1 2538C270 E2E857C2 194283CA
7234FF9E D0392F93 1D16E021 F1914917
63909E12 203C0169 3F08FFC8 86D06EA8
73DDAEF0 AC559F30 A6A67947 B60104C6
—— END LICENSE ——

這些注冊碼來自Sublime text 3 3103 注冊碼,感謝提供注冊碼的作者。

Package Control安裝

Package Control是一個基礎的、必備的包管理,主要用來以后的插件安裝。官網的安裝指導

package-control安裝.png

打開ST3,點擊菜單 View -> Show Console,會在底部出現一個命令輸入框,然后將上面的命令拷貝(官網的安裝指導打開這個網址拷貝)到輸入框中,回車,等待,安裝成功。

插件安裝

  • 插件安裝方式一:直接安裝

安裝Sublime text 3插件很方便,可以直接下載安裝包解壓縮到Packages目錄(菜單->preferences->packages)。

  • 插件安裝方式二:使用Package Control組件安裝:

    經過上面安裝了Package Control后,我們就可以通過快捷鍵 Ctrl+Shift+P (或者點擊preferences -> Package Control)打開Package Control來安裝插件了。在打開的輸入框中輸入 install ,會根據你的輸入自動提示,選擇 Install Package。如下圖:

install安裝.png

我們輸入chinese,選擇ChineseLocalization安裝一個語言包,安裝好后菜單上的文字就會自動變成簡體中文了。

ST安裝與MarkDown有關的插件

Markdown 是一種方便記憶、書寫的純文本標記語言,用戶可以使用這些標記符號以最小的輸入代價生成極富表現力的文檔:譬如您正在閱讀的這份文檔。它使用簡單的符號標記不同的標題,分割不同的段落,粗體 或者 斜體 某些文字 還可以顏色變換 等等。

  • MarkDown Editing

    SublimeText不僅僅是能夠查看和編輯 Markdown 文件,但它會視它們為格式很糟糕的純文本。這個插件通過適當的顏色高亮和其它功能來更好地完成這些任務。

  • MarkDown Preview

    1. 使用
      Markdown Preview較常用的功能是preview in browser和Export HTML in Sublime Text,前者可以在瀏覽器看到預覽效果,后者可將markdown保存為html文件。
      preview inbrowser據稱是實時的,但是實踐上還是需要在st保存,然后瀏覽器刷新才能看到新的效果,
      好在markdown寫得多的話也不需要每敲一行看一次效果。

    2. 編輯
      按Ctrl + N 新建一個文檔
      使用Markdown語法編輯文檔
      按Ctrl + Shift + P
      語法高亮,輸入ssm 后回車(Set Syntax: Markdown)

    3. 在瀏覽器預覽Markdown文檔
      按Ctrl + Shift + P
      輸入mp 后回車(Markdown Preview: current file in browser)
      此時就可以在瀏覽器里看到剛才編輯的文檔了;
      若設置了快捷鍵,直接(alt+m/..)即可.

    4. 快捷鍵
      st支持自定義快捷鍵,markdown preview默認沒有快捷鍵,我們可以自己為preview in browser設置快捷鍵。
      方法是在Preferences -> Key Bindings User打開的文件的中括號中添加以下代碼(可在Key Bindings Default找到格式):
      { "keys": ["alt+m"], "command": "markdown_preview", "args": { "target": "browser"} }
      "alt+m"可設置為您自己喜歡的按鍵。

      注意:添加快捷鍵的語法類似Json,所以,如果在你添加的[]里已經有這樣的代碼了,記得在末尾加上英文輸入法下的逗號即','。

    5. 打印成pdf
      將markdown轉換為pdf應該有很多種方法的。可直接用谷歌瀏覽器虛擬打印功能生成。
      利用Markdown Preview的Preview in Browser功能可以在瀏覽器上看到html效果。在頁面右鍵->打印->另存為pdf->調節頁邊距即可將pdf文件下載下來。

Sublime Text 3其他插件推薦

  • Sublime Terminal:這個插件可以讓你在Sublime中直接使用終端打開你的項目文件夾,并支持使用快捷鍵。

  • ColorPicker:通常,如果你想使用一個顏色選擇器則可能打開 Photoshop。而在 Sublime Text 中,你可以使用內置的顏色選擇器。安裝完成后,只要按下Ctrl / Cmd + Shift + C 快捷鍵。

  • SublimeREPL:這可能是對程序員很有用的插件。SublimeREPL 允許你在 Sublime Text 中運行各種語言(NodeJS , Python,Ruby, Scala 和 Haskell 等等)。

  • Ctags插件:Sublime Text不能支持函數的跳轉(比如像Eclipse那樣,按住Control點擊該方法或者對象,即可跳轉到定義的地方; Alt+←即可回到原處)。其實Sublime Text也可以借助插件實現之(當然,有些情況下:Can not find defination)畢竟這個也是借助正則來匹配完成的。

  • SublimeLinter插件:SublimeLinter 是前端編碼利器——Sublime Text 的一款插件,用于高亮提示用戶編寫的代碼中存在的不規范和錯誤的寫法,支持 JavaScript、CSS、HTML、Java、PHP、Python、Ruby 等十多種開發語言。這篇文章介紹如何在 Windows 中配置 SublimeLinter 進行 JS & CSS 校驗。

  • SideBarEnhancements插件:SideBarEnhancements是一款很實用的右鍵菜單增強插件;在安裝該插件前,在Sublime Text左側FOLDERS欄中點擊右鍵,只有寥寥幾個簡單的功能;安裝了就相當于給其豐了大胸一般。 更強大的是,該插件還能讓我們自定義快捷鍵呼出某個瀏覽器以預覽頁面!這樣就不用到項目目錄下尋找和拖動到特定瀏覽器中預覽了。
    安裝此插件后,點擊菜單欄的preferences->package setting->side bar->Key Building-User,鍵入以下代碼:

      [   
      { "keys": ["ctrl+shift+c"], "command": "copy_path" },
      //chrome
      { "keys": ["f2"], "command": "side_bar_files_open_with",
              "args": {
                  "paths": [],
                  "application": "C:\\Users\\hydcoder\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exe",
                  "extensions":".*"
              }
       }
      ]
    

    這里設置按Ctrl+Shift+C復制文件路徑,按F2即可在Chrome瀏覽器預覽效果(如果需要的話,也可以根據自己的需要為Firefox,Safari,IE,Opera等加上),當然你也可以自己定義喜歡的快捷鍵,application后面的路徑需要換成自己的chrome安裝路徑。

  • SublimeTmpl 快速生成文件模板:sublime text 3沒有新建文件模板的功能,像html頭部的DTD聲明每次都要復制粘貼。用SublimeTmpl這款插件終于可以解脫了,SublimeTmpl能新建html、css、javascript、php、python、ruby六種類型的文件模板,所有的文件模板都在插件目錄的templates文件夾里,可以自定義編輯文件模板。
    SublimeTmpl默認的快捷鍵:

      ctrl+alt+h html
      ctrl+alt+j javascript
      ctrl+alt+c css
      ctrl+alt+p php
      ctrl+alt+r ruby
      ctrl+alt+shift+p python
    

如果想要新建其他類型的文件模板的話,先自定義文件模板方在templates文件夾里,再分別打開Default (Windows).sublime-keymap、Default.sublime-commands、Main.sublime-menu、SublimeTmpl.sublime-settings這四個文件照著里面的格式自定義想要新建的類型。

  • Javascript-API-Completions:支持Javascript、JQuery、Twitter Bootstrap框架、HTML5標簽屬性提示的插件,是少數支持sublime text 3的后綴提示的插件,HTML5標簽提示sublime text3自帶,不過JQuery提示還是很有用處的,也可設置要提示的語言。

  • Doc?Blockr: 代碼塊注釋。可以快速的對函數進行注釋。保持代碼規范。支持多種語言,有 JavaScript (including ES6), PHP, ActionScript, Haxe, CoffeeScript, TypeScript, Java, Apex, Groovy, Objective C, C, C++ and Rust.

    1. /*:回車創建一個代碼塊注釋
    2. /**:回車在自動查找函數中的形參等等。

    它會生成 JSDoc 格式的注釋。如果你從沒有使用過類似的工具,DocBlockr 會讓你覺得以前沒有它是如何寫代碼的。幫助你創造你的代碼注釋,通過解析功能,參數,變量,并且自動添加基本項目;如果你愿意其更為便捷,不妨再結合AutoHotKey,高效注釋,由此開啟。

  • ConvertToUTF8: 支持 GBK, BIG5, EUC-KR, EUC-JP, Shift_JIS 等編碼的插件

  • Bracket Highlighter: 用于匹配括號,引號和html標簽。對于很長的代碼很有用。安裝好之后,不需要設置插件會自動生效

  • Emmet:快速生成HTML代碼段的插件,強大到無與倫比:可以超快速編寫HTML/CSS/JS,當然這個插件還支持多種編譯環境,如常見的:Eclipse/Aptana、Coda、Notepad++、Adobe Dreamweaver、TextMate等,web開發必備!!!

  • **jsFormat **:格式化js代碼,強迫癥Coder必備!默認快捷鍵Ctrl+Alt+F。

  • ClickableURLs:可點擊的URL,使用小插件ClickableURLs可以讓文件中的URL能夠點擊。

  • 終極必殺:自己編寫專用的Sublime Text插件。雖然說各個方面比如移動端,Web前段,服務器端,非Coder的Writer所需要的方便已經被集成在了不同的插件中。但譬如,需要快捷打開PC端的某個模擬器,便捷的進行某些校驗,只要你想的到的基本都可以將其在插件內,以快捷鍵處理之。至于如何編寫SublimeText插件,請參看這里 編寫自己的Sublime Text2 插件

設置屬于自己的快捷鍵

  • 使用SublimeText內置的快捷鍵:比如 Ctrl + Shift + P 打開命令面板:例如打開Package Control安裝各種插件;可以可以輸入Set(Snytax)來改變使用的語言環境,瞬間切換等等。

  • 設置快捷鍵。在SublimeText里,打開Preferences -> Key Bindings - User,比如:

      [
        { "keys": ["ctrl+f9"], "command": "build" },
        { "keys": ["f10"], "command": "build", "args": {"variant": "Run"} },
        { "keys": ["ctrl+shift+x"], "command": "toggle_comment", "args": { "block": true } }
      ]
    

具體可參見Sublime Text3 快捷鍵匯總及設置快捷鍵配置環境變量

硬貨(實用技巧)

  • Ctrl+O(Command+O):可以實現頭文件和源文件之間的快速切換
  • 通過 View -> Side bar 可在左側顯示當前打開的文件列表
  • ST3雖然不像notepad++可以在sidebar上顯示函數列表,但是可通過Ctrl+R查看
  • 通過 Preference -> Key binding user 可根據個人操作習慣自定義快捷鍵(包括ST3自帶的和插件的)
  • 雙擊可選中光標所在單詞,三擊可選中光標所在行(等同于Ctrl+L(Command+L));
  • Ctrl+Shift+T可以打開之前關閉的tab頁,這點同chrome是一樣的Ctrl+R定位函數;Ctrl+G定位到行;
  • 有時我們需要對一片區域的所有行進行同時編輯,Ctrl+Shift+L可以將當前選中區域打散,然后進行同時編輯:
多行編輯.gif
  • 有打散自然就有合并,Ctrl + J(mac下Command+J)可以把當前選中區域合并為一行

  • Windows下Ctrl + ←/→進行逐詞移動,相應的,Ctrl + Shift + ←/→進行逐詞選擇。

  • Sublime text 刪除插件步驟:“Ctrl+Shift+P”—“Remove Package”—“找到需要刪除的插件,并點擊即可刪除”;

  • 編輯代碼時我們經常會開多個窗口,所以分屏很重要。Windows下:Alt + Shift + 2進行左右分屏,Alt + Shift + 8進行上下分屏,Alt + Shift + 5進行上下左右分屏(即分為四屏)

  • Sublime 拼寫檢查:使用SublimeText從事英文創作,那么啟用拼寫檢查就非常有用處了。選擇Preferences > Settings – User菜單,添加以下代碼:

      "spell_check": true,
    

結語

由于Sublime Text很強大,所以我所知道的和這篇文章所說的也只不過是滄海一粟,冰山一角,只希望能幫到有需要的人。也給自己的使用做一個筆記和總結。

參考文章出處:

如何優雅地使用Sublime Text3
Sublime Text 3能用支持的插件推薦
Sublime Text3插件:增強篇
20個強大的SublimeText插件

謝謝
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,505評論 6 533
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,556評論 3 418
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,463評論 0 376
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,009評論 1 312
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,778評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,218評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,281評論 3 441
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,436評論 0 288
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,969評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,795評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,993評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,537評論 5 359
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,229評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,659評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,917評論 1 286
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,687評論 3 392
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,990評論 2 374

推薦閱讀更多精彩內容