聲明：本文章是根據(jù)慕課網(wǎng)視頻 前端開發(fā)工具技巧介紹—Sublime篇 整理而來的筆記擒悬。
目錄：
1、菜單欄主要功能稻艰。
2懂牧、使用"Goto Anything"。
3尊勿、多行游標(biāo)僧凤。
4、命令模式元扔。
5躯保、安裝插件。
6澎语、綜合技巧運(yùn)用途事。
7、Sublime進(jìn)階擅羞。
7.1尸变、Snippet以模板的方式編程。
7.2祟滴、輔助技巧-advanceNewfile振惰。
未完待續(xù)。
1垄懂、菜單欄主要功能
1骑晶、SublimeText默認(rèn)配置文件：Preferences——>Setting-Default。
2草慧、SublimeText用戶配置文件：Preferences——>Setting-User桶蛔。
3、SublimeText顏色配置：Preferences——>Color Scheme漫谷。
2仔雷、使用"Goto Anything"。
要點(diǎn)：
1舔示、其搜索是支持模糊匹配的碟婆。
2、可在文件內(nèi)部外部迅速導(dǎo)航惕稻。
1竖共、快捷鍵Ctrl+P打開GotoAnything輸入框。
2俺祠、（:20）跳轉(zhuǎn)到第20行公给。
3借帘、（index.html）找到該文件。
4淌铐、（view/index）找到在views目錄下的index.html文件肺然。
5、（@）@后面的字符可以找想找到的選擇器或者函數(shù)名腿准。
6际起、（#body）#是對頁面內(nèi)容進(jìn)行匹配。
7吐葱、（public/css/bo@body）直接定位到bootstrap.css的body選擇器加叁。
3、多行游標(biāo)
1唇撬、Ctrl+D ：選擇游標(biāo)所在單詞它匕，連續(xù)Ctrl+D 實(shí)現(xiàn)多行選擇（選擇與第一次選擇相同的單詞）。
2窖认、Ctrl+K Ctrl+D：跳過當(dāng)前選擇豫柬，選擇下一個。
3扑浸、Ctrl+shirt+D：復(fù)制游標(biāo)所在行烧给。
4、Alt+F3：選擇所有與游標(biāo)所在單詞相同的單詞喝噪。
5础嫡、Ctrl+A，Ctrl+shift+L：每行都會產(chǎn)生一個光標(biāo))酝惧，如果每行一樣的話很方便榴鼎。
6、按住shift鍵晚唇，然后按住鼠標(biāo)右鍵向下拖動巫财，也可產(chǎn)生多行游標(biāo)。
7哩陕、按住ctrl鍵平项，用鼠標(biāo)左鍵一個一個點(diǎn)擊，也可以產(chǎn)生多行游標(biāo)悍及。
4闽瓢、命令模式
1、首先要安裝PackageControl（官網(wǎng)：https://packagecontrol.io ）心赶。
2扣讼、Ctrl+` 輸入：
import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)
重啟Sublime。
3园担、Ctrl+Shift+P（啟動命令模式）届谈。
4、輸入：set syntax javascript（設(shè)置為js語法模式）弯汰。
5艰山、輸入：minimap（打開/關(guān)閉右側(cè)的minimap）。
5咏闪、安裝插件
1曙搬、Ctrl+Shift+P打開命令模式。
2鸽嫂、輸入install纵装，稍等片刻。
3据某、輸入插件名稱回車就能自動安裝了橡娄。
常用插件：
1、Emmet癣籽。
2挽唉、主題：Theme - Spacegray（可到PackageControl官網(wǎng)查看該主題樣式）。
3筷狼、Java?Script & Node?JS Snippets瓶籽。
4、JQuery埂材。
5塑顺、Insert Callback。
6俏险、AdvancedNewFile严拒。
6、綜合技巧運(yùn)用竖独。
1糙俗、打開一個文件：Ctrl+N。
2预鬓、啟動命令模式：Ctrl+Shift+P巧骚。
3、設(shè)置為html語法模式：輸入 sshtml+Enter格二。
4劈彪、在編輯區(qū)輸入! 接著按快捷鍵Ctrl+E直接出現(xiàn)（使用Emmet插件完成，如何安裝請參考目錄4）：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>
5顶猜、Ctrl+P打開GotoAnything沧奴。
6、輸入#body按回車长窄，光標(biāo)定位到body標(biāo)簽上滔吠。
7纲菌、Ctrl+回車，在body標(biāo)簽添加新行疮绷。
8翰舌、（ul>.item$*10{content}）+（ctrl+E）> 號生成子元素 ， . 點(diǎn)號代表 class 冬骚，$ 產(chǎn)生序號椅贱，{ }產(chǎn)生內(nèi)容。
9只冻、選中“><”字符串按Alt+F3選中所有的“><”字符串庇麦，移動光標(biāo)到"><"中間，回車喜德，輸入h2{this is title}按Ctrl+E山橄。
10、Ctrl+Shift+V 粘貼的時候可以保存代碼的縮進(jìn)舍悯。
7驾胆、Sublime進(jìn)階
7.1、Snippet以模板的方式編程贱呐。
1丧诺、Ctrl+Shift+P打開命令模式。
2奄薇、輸入Snippet:Function回車驳阎。
3、使用Snippet可以減少左右移動光標(biāo)馁蒂，輸入分號呵晚，大括號的一個過程。
4沫屡、使用Sublime自動補(bǔ)全功能也能做到以Snippet方式編程饵隙。
5、可以去PackageControl官網(wǎng)搜索JavaScript Snippets for Sublime查找更多定義好的Snippet沮脖。
6金矛、安裝Insert Callback插件按Alt+C可以在參數(shù)中自動補(bǔ)全回調(diào)方法。
7勺届、安裝JQuery插件也能使用Snippet對JQuery進(jìn)行編程驶俊。
7.2、輔助技巧-advanceNewfile免姿。
1饼酿、安裝AdvancedNewFile插件。
2、Ctrl+Alt+N故俐。
3想鹰、輸入public/css/test.css，就會在指定目錄下創(chuàng)建好test.css文件药版。
4辑舷、如果有目錄不存在，也能同時創(chuàng)建好該目錄刚陡。
未完待續(xù)
由于最近才開始有學(xué)html5的準(zhǔn)備，沒有js基礎(chǔ)株汉，表示后面的Sublime進(jìn)階插件聽不懂筐乳，等學(xué)會了js再來補(bǔ)充。
