學習課程地址：快樂的sublime編輯器_sublime編輯器使用

另可參考筆記地址：

http://c.haoduoshipin.com/happysublime/

http://blog.csdn.net/u014465934/article/details/72810763

PS：博主的一些文章地址：http://happypeter.github.io/

github：https://github.com/happypeter/sublime-config

1 sublime的幾個優點

1.操作簡單上手快

2.支持多點編輯：ctrl + 光標

3.基于Package Control強大的包管理功能

4.閃電一樣的查找速度。打開一個大項目，鼠標右擊進行全局查找。即使純文本界面的 vim 都無法達到這樣的速度。

5.深度可定制。所有的配置內容也都像 vim 一樣以純文本的形式保存在一個類似于 .vim 的目錄之中。透明和分享帶來的好處無限。

6.快速打開文件：ctrl + p

7.命令行面板：ctrl + shift + p

8.可啟用vim模式

9.已經形成事實標準，很多其他的編輯器中都可以使用類似的快捷鍵。例如 github 的 atom ，atom 是開源和免費的。

10.sublime社區活躍

打開命令面板，可查找快鍵鍵，輸入keybin，打開第一項能找到所有的快捷鍵合集，如下所示

2 sublime安裝

安裝可到官網上安裝，也可到如下地址安裝（包含激活碼）：https://pan.baidu.com/s/1nv6Lzsd

3 一些常用的快捷鍵

Ctrl+ n：打開新頁面

Ctrl+ tab：頁面跳轉

Ctrl+ j：合并兩行

Ctrl+ l：選擇當前行

shift + 鼠標右鍵：塊選擇

Ctrl + `（1左邊）：快速喚起console面板

Ctrl + Shift + p：調出packagecontrol面板

Ctrl + Shift + 上/下 鍵：可以整體移動一行代碼

Ctrl + Shift +V ：進行自適應縮進的黏貼

Tab鍵：自動補全代碼

Ctrl + K + B 隱藏/顯示左面Side Bar

C + enter 快速下啟一行?

Ctrl + enter 快速下啟一行

Ctrl + shift + enter 快速上起一行

Ctrl + [ 向前兩個字節 Ctrl + ]向后兩個字節

Ctrl + 左/右 一下子是跳一個單詞

左側顯示目錄樹：View ->Side Bar ->Show Side Bar[直接加載你的目錄文件也可以]

自定義快捷鍵，進入如下界面：

那么應該如何知道命令的正確名稱？

打開工作臺，輸入sublime.log_commands(True)回車執行，再打開面板執行相應的操作，從返回的結果中可看到精確的命令名和相關的參數。

4 sublime自定制

打開命令行窗口，輸入settings，有兩項：Default 和 User。Default 中的內容是不許改的，可在user中輸入一些配置，該文件保存的位置為Packages->User->Preferences.sublime-settings，可通過Preferences->Browse Packages->User查看。

存放到 User 文件夾下的內容會覆蓋 Settings Default 中的內容。

自定制的設置直接放到 User/Preferences.sublime-settings 這個文件中，那么就是對所有打開的項目都生效了。但是，這些設置有時候對于不同的項目是會有區別的，sublime 是有相應的解決方法的，就是可以通過設置 Projects 來實現。如果覺得英文看得不順也可以參考 這里。基本思路就是給每個項目添加 xxx.sublime-project 文件，里面的配置會把 User/ 中的設置給覆蓋了。不過這樣還是稍微有些麻煩，除非特別必要，自己手動臨時改改 User/ 中的這個 settings 文件就好。

5 用Package Control來安裝擴展包

進入https://packagecontrol.io/installation，復制installation頁面里面的Python代碼，在工作臺中運行。

打開命令面板，輸入install出現如下界面：

選中第一個，出現所有包的列表

6 主題

安裝主題，先安裝Material，再安裝Seti，主題安裝好后，如下圖所示，選擇自己安裝的主題后生效

還可在命令窗口中輸入remove packages，選中要刪除的包即可進行刪除操作。

7 emmet

安裝sublime之后，默認安裝的包里面就自帶很多自動補齊的功能，但是默認的這些自動補齊功能在做Web前端開發的時候還不是很夠用。所以emmet顯得非常重要。例如在html中輸入！<tab>:

emmet用于代碼提示、自動補全等

例如 輸入p20，Tab鍵之后自動補全代碼為：padding: 20px;

輸入m0-auto，Tab鍵之后自動補全代碼為：margin: 0 auto;

掌握一些Emmet語法對于提高代碼輸入速度很有幫助。可在http://docs.emmet.io/actions/上查看更多命令。

子代：>

div>ul>li 生成<div><ul><li></li></ul></div>

兄弟：+

div+div 生成<div></div><div></div>

父代：^

div+div>p>span+em^bq 生成<div></div><div><p><span></span><em></em></p><blockquote></blockquote></div>

重復：*

ul>li*3 生成<ul><li></li><li></li><li></li><li></li><li></li></ul>

成組：（）

（div>dl>(dt+dd)*3）+footer>p 生成<div><dl><dt></dt><dd></dd><dt></dt><dd></dd><dt></dt><dd></dd></dl></div><footer><p></p></footer>

ID:# CLASS：.

div#header + div.page 生成<div id="header"></div><div class="page"></div>

屬性：[ ]

td[title="hello world" colspan=3] 生成 <td title="hello world" colspan="3"></td>

8 自定義代碼片段

snippet意為小片段，sublime可讓用戶創建自己的sublime。這個不是憑空想出來的，而是要定位自己日常工作中的重復性勞動。

點擊Tools->Developer->New Snippet...可以創建一個新的snippet

<snippet><content><![CDATA[ Hello, ${1:this} is a ${2:snippet}. ]]></content><!-- Optional: Set a tabTrigger to define how to trigger the snippet --><!-- <tabTrigger>hello</tabTrigger> --><!-- Optional: Set a scope to limit where the snippet will trigger --><!-- <scope>source.python</scope> --> </snippet>

• <content><![CDATA[ ]]></content> 定義了補全的內容。第三行就是要插入的代碼片，${1}代表的是第一個光標位置，代碼片會默認選中this，當按下tab之后，會選中${2}中的snippet
• <tabTrigger> ： 定義了觸發補全的字符串。比如在以上例子上, 在編輯窗口輸入hello然后按下tab就會在編輯器輸出Type your snippet here這段代碼片段
• <description> ：對snippet描述
• <scope>：snippet生效的語言環境，如果不取消注釋的話，則在所有后綴的文件下都可以生效。

以視頻為例，新建snippet如下：

<snippet><content><![CDATA[ --- layout:default title:${1:標題} ---${2} ]]></content><!-- Optional: Set a tabTrigger to define how to trigger the snippet --><tabTrigger>top</tabTrigger><!-- Optional: Set a scope to limit where the snippet will trigger --><scope>text.html.markdown</scope> </snippet>

保存時以.sublime-snippet為文件擴展名，默認保存位置為User下

點擊Tools->Snippets...，可看到已保存的自定義snippet，選中即可顯示出代碼片段，或者使用關鍵字觸發，輸入top<tab>

作用范圍<scope>

通過快捷鍵：Ctrl + Shift + Alt + p可查看當前文件的scope，例

出來的內容有可能是空格隔開的多個字符串，取第一個字符串就行了。基本上各種代碼文件的 scope 都是 source 打頭，例如 source.js source.ruby source.python 。其他的都是以 text 打頭，例如 text.html.basic text.html.markdown text.plain 等。 那么如何給一個 snippet 定義多于一個文件類型的 scope 呢？可以這樣

<scope>text.html.markdown, text.plain</scope>

9 批處理任務 build system

10 HTML文件預覽快捷鍵設置

首先需要安裝SideBarEnhancements插件

接下來配置預覽快捷鍵，打開Preferences->Key Bindings->User，鍵入如下內容

[ // chrome { "keys": ["f1"], "command": "side_bar_files_open_with","args": {"paths": [],"application": "C:/Users/Administrator/AppData/Local/Google/Chrome/Application/chrome.exe","extensions":".*"}},// ie{ "keys": ["f2"], "command": "side_bar_files_open_with","args": {"paths": [],"application": "C:/Program Files (x86)/Internet Explorer/iexplore.exe","extensions":".*"} } ]

其中“keys”是指定的快捷鍵，可自定義，application是瀏覽器在電腦上的目錄地址，保存即可通過快捷鍵進行預覽html

轉載于:https://www.cnblogs.com/wwf828/p/8082615.html

總結

以上是生活随笔為你收集整理的sublime学习笔记的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。