sublime介紹忽肛、下載與安裝
中文官網(wǎng)：http://www.sublimetext.com/
Sublime Text：一款具有代碼高亮、語(yǔ)法提示蹂风、自動(dòng)完成且反應(yīng)快速的編輯器軟件乾翔，不僅具有華麗的界面，還支持插件擴(kuò)展機(jī)制嗡呼，用她來(lái)寫(xiě)代碼纸俭，絕對(duì)是一種享受。
基本操作菜單中英文對(duì)照
| 中文 | 英文 |
|---|---|
| 首選項(xiàng) | Preference |
| 設(shè)置 | Settings |
| 插件 | Preference |
| 按鍵 | Keywords |
| 用戶 | User |
Sublime自身設(shè)置
寫(xiě)在前面：
- 注意逗號(hào)作為分隔符南窗，教程中有的逗號(hào)在實(shí)際中需要根據(jù)具體情況添加**
- 注意每個(gè)配置文件都有自己的格式揍很，需要根據(jù)具體情況刪除一部分"{}"、"[]"符號(hào)和增加","具體格式可以參考默認(rèn)的配置文件格式
- 注意所用的配置文件都應(yīng)在用戶配置文件中復(fù)制修改以覆蓋默認(rèn)配置
自動(dòng)保存
失去焦點(diǎn)后會(huì)自動(dòng)保存正在編輯的文本：也就是說(shuō)万伤，把鼠標(biāo)點(diǎn)擊到其他程序上窒悔，你的文本會(huì)自動(dòng)保存。 打開(kāi)『首選項(xiàng)』- 「設(shè)置-用戶」配置文件敌买，在{ code here }中間添加
{
"save_on_focus_lost": true,
}
自帶格式化縮進(jìn)代碼功能
位置在『首選項(xiàng)』-「按鍵綁定-用戶」中, 添加如下代碼简珠，為其設(shè)置快捷鍵：Ctrl+Shift+a
[
{
"keys": ["ctrl+shift+a"],
"command": "reindent",
"args": {
"single_line": false,
}
},
]
光標(biāo)所在行高亮
在首選項(xiàng)-設(shè)置-用戶里面添加
{
"highlight_line": true,
}
顯示/隱藏行號(hào)
Sublime Text 默認(rèn)是沒(méi)有顯示或隱藏行號(hào)的快捷鍵，但我們可以自己設(shè)置快捷鍵：
比如虹钮，把如下設(shè)置代碼復(fù)制粘貼到『首選項(xiàng)』- 「設(shè)置-用戶」打開(kāi)的配置文件中添加下面這些代碼北救，這樣你就可以按ALT+L來(lái)切換顯示行號(hào)了荐操。
[
{
"keys": ["alt+l"],
"command": "toggle_setting",
"args":{"setting": "line_numbers"}
},
]
自帶代碼段snippet快速?gòu)?fù)制
我們?cè)诰帉?xiě)代碼的時(shí)候，總會(huì)遇到一些需要反復(fù)使用的代碼片段珍策。這時(shí)候就需要反復(fù)的復(fù)制和黏貼托启，大大影響效率。我們利用Sublime Text的snippet功能攘宙，就能很好的解決這一問(wèn)題屯耸。通俗的講，就是把我們常用的代碼分別保存起啦蹭劈，然后通過(guò)插件的形式來(lái)反復(fù)調(diào)用疗绣。
創(chuàng)建方法：『工具』-「新代碼段」
這時(shí)你會(huì)看到如下示例代碼：
<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>
接下來(lái)我們來(lái)講解一下各部分的作用：
<snippet>
<content><![CDATA[
你需要插入的${1:name}代碼${2}片段
放在${1:name}這里
]]></content>
<!-- 可選項(xiàng)↓: 設(shè)置輸入的文字調(diào)用該代碼塊 -->
<tabTrigger>abcdef</tabTrigger>
<!-- 下面不用管 -->
<!-- <scope>source.python</scope> -->
</snippet>
${1:name}表示代碼插入后，光標(biāo)所停留的位置铺韧，可以同時(shí)控制多個(gè)相同的內(nèi)容輸入多矮。其中:name為可選自定義參數(shù)（即默認(rèn)的文本）
${2}表示代碼插入后，按Tab鍵哈打，光標(biāo)會(huì)根據(jù)順序跳轉(zhuǎn)到相應(yīng)位置（以此類推）塔逃。（shift+tab向上跳轉(zhuǎn)）
比如說(shuō)我自己編寫(xiě)的一個(gè)實(shí)例：
<snippet>
<content>
<![CDATA[
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>${1:this}</title>
</head>
<body>
<h1>${1:this}</h1>
<address><span class="original">原創(chuàng)</span><time>${2}</time><span class="author">莫淺北</span><span class="SubscriptionAccounts">未央暮城</span></address>
<img src="${3}" alt="" class="cover" />
<div class="foreword">
</div>
<div class="content">
</div>
<div class="end">
</div>
</body>
</html>
]]>
</content>
<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
<tabTrigger>myhtml</tabTrigger>
</snippet>
創(chuàng)建完畢以后，保存在\Packages\User目錄下（例 X:\Sublime Text 2.0\Data\Packages\User）料仗，文件命名為myhtml湾盗，后綴名.sublime-snippet。
然后我們打開(kāi)一個(gè)html文件立轧，輸入myhtml格粪，再按Tab鍵，剛才我們所編寫(xiě)的代碼段氛改，就插入了進(jìn)來(lái)帐萎。并且此時(shí)的光標(biāo)停留在我們所標(biāo)記的{1}位置處，如果我們?cè)侔聪耇ab胜卤，那么光標(biāo)就跳轉(zhuǎn)到{2}的位置疆导。
補(bǔ)充：除了利用快捷鍵Tab出代碼之外，我們還能通過(guò)菜單來(lái)加載瑰艘，打開(kāi)『工具』-「代碼段」是鬼，選擇想使用的代碼段肤舞，同樣可以插入
快速插入當(dāng)前時(shí)間
首先紫新，在『工具』-「新插件」，刪除默認(rèn)李剖，添加下面的代碼芒率。
import datetime
import sublime_plugin
class AddCurrentTimeCommand(sublime_plugin.TextCommand):
def run(self, edit):
self.view.run_command("insert_snippet",
{
"contents": "%s" % datetime.datetime.now().strftime("%Y-%m-%d")
#這里的格式可以自行修改"%Y-%m-%d %H:%M:%S"
}
)
然后保存為current time.py
設(shè)置其快捷鍵
在『工具首選項(xiàng)』-「按鍵綁定-用戶」中添加以下代碼
[
{
"keys": ["ctrl+f5"],
"command": "add_current_time"
},
]
這樣，使用快捷鍵Ctrl+F5就可以插入當(dāng)前的時(shí)間
對(duì)于以上的代碼段和插入當(dāng)前時(shí)間插件如果想修改其中的代碼篙顺，只要打開(kāi)源文件修改即可
插件主題相關(guān)設(shè)置
插件安裝與卸載
流風(fēng)清音版本的sublime已經(jīng)集成了一些常用的插件偶芍，但在使用過(guò)程中需要對(duì)這些插件刪除或增加充择。
插件安裝與卸載類似，首先一次選擇菜單中的『首選項(xiàng)』-「插件控制」匪蟀，選擇install package或remove package來(lái)安裝/卸載插件椎麦，插件會(huì)自動(dòng)安裝/卸載。
主題刪除
在Sublime Text 3安裝路徑\Packages\Color Scheme - Default.sublime-package材彪，復(fù)制后將后綴名改為zip观挎，用壓縮軟件打開(kāi)，刪除其中的主題即可段化，然后再改回原來(lái)的后綴名“sublime-package”即可
主題推薦
利用Emmet插件去快速生成HTML代碼
Emmet是一款Web前端開(kāi)發(fā)工具Sublime非常有用的插件嘁捷，使用仿CSS選擇器的語(yǔ)法來(lái)生成代碼，大大提高了HTML和CSS代碼編寫(xiě)的速度显熏。只需按住Tab鍵即可把一個(gè)簡(jiǎn)寫(xiě)展開(kāi)成HTML和CSS的代碼塊雄嚣，如下圖所示，大部分標(biāo)簽都可自動(dòng)生成喘蟆。
注意這里需要打開(kāi)的文件為html格式或在sublime編輯器右下角設(shè)置文件格式為html
例如輸入html:5按下Tab鍵即可生成HTML文件完整的結(jié)構(gòu)缓升，但是很多人在安裝完成后輸入html:5然后按住Tab鍵并沒(méi)有反應(yīng)，這是什么原因?qū)е碌哪芈乃啵吭瓉?lái)Emmet默認(rèn)的快捷鍵是Ctrl+E仔沿，我們需要將其設(shè)置成常用的Tab鍵。
在菜單欄選擇『首選項(xiàng)』-「插件設(shè)置」- Emmet - [KeyBindings- User]尺棋，將以下信息粘貼進(jìn)去即可封锉。
[
{
"keys": ["tab"],
"args": {"action": "expand_abbreviation"},
"command": "run_emmet_action",
"context": [{"key": "emmet_action_enabled.expand_abbreviation"}]
},
]
流風(fēng)清音版本的sublime Text 3不需要此步驟
重啟Sublime Text3此時(shí)我們便可以進(jìn)行代碼補(bǔ)全操作了，在新創(chuàng)建的文件上輸入html:5膘螟，按下Tab鍵即可看到如下的代碼成福。
emmet插件標(biāo)簽閉合
我們?cè)趯?xiě) html代碼的時(shí)候會(huì)發(fā)現(xiàn)，類似 img,link,source,input等單標(biāo)簽不會(huì)閉合荆残，沒(méi)有斜杠奴艾。這些不符合w3school的嚴(yán)格標(biāo)準(zhǔn)。下面我們就來(lái)看看如何設(shè)置内斯，讓這個(gè)斜杠出現(xiàn)蕴潦。
選擇菜單欄里的『首選項(xiàng)』-「插件設(shè)置」~ Emmet - [settings- User]中添加下面的代碼
{
"syntaxProfiles": {
"html": "xhtml","xml": {
"tag_case": "upper",
"attr_quotes": "single",
}
}
}
利用html-css-js prettify插件代碼格式化
該插件該版本沒(méi)有提供，需要自行安裝俘闯。安裝方法見(jiàn)前面潭苞。
另外，該插件需要依賴nodejs文件真朗，可以到官網(wǎng)下載nodejs文件此疹，
官網(wǎng)：https://nodejs.org/en/download/
windows用戶選擇zip格式，然后將其全部解壓到你想應(yīng)用的文件夾中，比如我的exe文件路徑："E:\Sublime Text 3\node\node.exe"
然后設(shè)置該插件的依賴路徑：在『首選項(xiàng)』-「插件設(shè)置」- html-css-js prettify - [Plugin Options - User]中添加如下代碼：
{
"node_path":{
"windows": "E:/Sublime Text 3/node/node.exe",
"linux": "/usr/bin/nodejs",
"osx": "/usr/local/bin/node",
},
}
用戶配置將合并到最大4行蝗碎，使文件更加容易分區(qū)顯示
{
"all":{
// Maximum number of line breaks to be preserved in one chunk (0 disables)
"max_preserve_newlines": 4,
}
}
修改默認(rèn)快捷鍵湖笨；
在其插件按鍵設(shè)置中添加下面的代碼：
[
{
"keys": ["ctrl+shift+a"],
"command": "htmlprettify"
},
]
忽略元素縮進(jìn)
如果不想table內(nèi)的元素?fù)Q行，可以在其配置文件中添加如下代碼蹦骑，屏蔽相應(yīng)標(biāo)簽的縮進(jìn)慈省；
{
"html":{
//這里增加了忽略縮進(jìn)的標(biāo)簽：tr|td|th
"unformatted": [
"tr", "th", "td", "a", "span", "img", "code", "pre", "sub", "sup", "em", "strong", "b", "i", "u", "strike", "big", "small", "pre", "h1", "h2", "h3", "h4", "h5", "h6"
],
}
}
這里注意一定在"html":{code here}內(nèi)
autofilename實(shí)現(xiàn)文件路徑提示
在src或href屬性后面自動(dòng)顯示文件路徑以供選擇
如果你的插件無(wú)法實(shí)現(xiàn)該功能，請(qǐng)卸載后重裝插件即可眠菇。
只有保存好文件后才會(huì)有相應(yīng)的提示辫呻，因?yàn)樾枰鋵?duì)于文件的相對(duì)路徑
插件快捷鍵沖突
如果插件的快捷鍵沖突，可以到網(wǎng)上搜索哪些插件導(dǎo)致的沖突琼锋，然后修改對(duì)應(yīng)插件的快捷鍵放闺。
常用快捷鍵
| 快捷鍵 | 操作 |
|---|---|
| Ctrl+N | 新建文件 |
| Ctrl+O | 打開(kāi)文件 |
| F11 | 全屏（不隱藏菜單欄） |
| Shift+F11 | 無(wú)干擾模式 |
| Alt+Shift+數(shù)字 | 分屏顯示 |
| Alt+數(shù)字 | 切換打開(kāi)第N個(gè)文件 |
| Ctrl+PgUp /PgDn | 切換打開(kāi)上/下文件 |
| 鼠標(biāo)的前進(jìn)后退鍵 | 切換已打開(kāi)的文件 |
| Ctrl+Shift+[ | 折疊代碼 |
| Ctrl+Shift+] | 展開(kāi)代碼 |
| Ctrl+K,Ctrl+0 | 展開(kāi)所有代碼 |
| Ctrl+G | 跳轉(zhuǎn)到第幾行 |
| Ctrl+W | 關(guān)閉當(dāng)前打開(kāi)文件 |
| Ctrl+Shift+W | 關(guān)閉所有打開(kāi)文件 |
| Ctrl+F2 | 設(shè)置書(shū)簽 |
| F2 | 下一個(gè)書(shū)簽 |
| Shift+F2 | 上一個(gè)書(shū)簽 |
| Ctrl+K,Ctrl+B | 折疊/展開(kāi)側(cè)邊欄 |
| Ctrl+鼠標(biāo)滾輪滾動(dòng) | 調(diào)整字體大小 |
| Ctrl+S | 保存文件 |
| Esc | 退出當(dāng)前操作 |
| 按住鼠標(biāo)滾輪或Shift+鼠標(biāo)右鍵 | 矩形選擇 |
| Ctrl+A | 全部選擇 |
| Ctrl+Shift+←/→ | 進(jìn)行逐詞選擇 |
| Ctrl+←/→ | 逐詞移動(dòng) |
| Shift+←/→ | 逐詞選中 |
| shift+↑/↓ | 選中光標(biāo)至上/下一行光標(biāo)的相同位置的所有內(nèi)容 |
| Ctrl+鼠標(biāo)左鍵選擇 | 不連續(xù)選擇 |
| Ctrl+鼠標(biāo)左鍵拖動(dòng) | 復(fù)制所選文字到拖動(dòng)的位置 |
| home /end | 行首和行尾（僅應(yīng)用于當(dāng)前顯示的行） |
| Ctrl+L | 選擇整行（按住繼續(xù)選擇下行） |
| Ctrl+Shift+L | 打散所選行并將光標(biāo)定位于每行的行尾（此時(shí)所選行為選中狀態(tài)） |
| Ctrl+D | 選擇當(dāng)前光標(biāo)所在的詞/鼠標(biāo)選擇的詞，再次Ctrl+D選擇該詞出現(xiàn)的下一個(gè)位置 |
| Alt+F3 | 選中所有光標(biāo)所在的詞/鼠標(biāo)選擇的詞 |
| Ctrl+M | 光標(biāo)移動(dòng)至最近的括號(hào)內(nèi)開(kāi)始或結(jié)束的位置 |
| Ctrl+Shift+M | 選擇括號(hào)內(nèi)的內(nèi)容（按住-繼續(xù)選擇父括號(hào)） |
| Tab | 自動(dòng)完成縮進(jìn) |
| Shift+Tab | 去除縮進(jìn) |
| Alt+. | 閉合當(dāng)前標(biāo)簽對(duì) |
| Ctrl+Shift+↑ / ↓ | 與上/下行互換 |
| Ctrl+Enter | 在當(dāng)前行下面新增一行然后跳至該行 |
| Ctrl+Shift+Enter | 在當(dāng)前行上面增加一行并跳至該行 |
| Ctrl+Shift+K | 刪除整行（為該代碼行的所有文本） |
| Ctrl+K,Ctrl+Backspace/K | 從光標(biāo)處刪除至行首/尾 |
| Ctrl+Shift+D | 復(fù)制光標(biāo)所在整行缕坎，插入在該行之前 |
| Ctrl+J | 合并為一行（已選擇需要合并的多行時(shí)） |
| Ctrl+K怖侦，Ctrl+U | 改為大寫(xiě) |
| Ctrl+K,Ctrl+L | 改為小寫(xiě) |
| Ctrl+/ | （取消）注釋整行/選中的內(nèi)容 |
| Ctrl+Shift+/ | 注釋已選擇內(nèi)容 |
| Ctrl+Z | 撤銷 |
| Ctrl+Y | 恢復(fù)撤銷 |
| Ctrl+X | 剪切文本 |
| Ctrl+C | 復(fù)制文本 |
| Ctrl+V | 粘貼文本 |
| Ctrl+F | 查找 |
| Ctrl+H | 替換 |
快捷鍵自主配置
方式如下：在程序主界面，依次選擇『首選項(xiàng)』-「快捷鍵 - 用戶」打開(kāi)一個(gè)配置文件谜叹，在這個(gè)配置文件里匾寝，輸入代碼，配置快捷鍵
可以在默認(rèn)快捷鍵中使用查找方法來(lái)找到對(duì)應(yīng)的快捷鍵荷腊，復(fù)制相應(yīng)命令到用戶快捷鍵配置文件
