參考:
http://www.xuanfengge.com/practical-collection-of-sublime-plug-in.html
https://www.zhihu.com/question/24736400
http://www.reibang.com/p/0588e8f21b1a
sublime的試用期是有限的篮条,過了試用期就要收費了提澎,不交錢只能打開單文件诉濒,果斷放棄板祝。亥宿。躲惰。
一乡洼、Subime的插件包
Package Control
功能:安裝包管理
簡介:sublime插件控制臺拇舀,提供添加逻族、刪除、禁用骄崩、查找插件等功能
使用:經(jīng)常用于安裝其他插件聘鳞,流程如下
- 打開命令面板
Win / Linux:ctrl+shift+p
,Mac:cmd+shift+p
- 鍵入Install Package Control要拂,然后按enter
- 搜索想要安裝的插件名(插件推薦見下文)抠璃,按enter
參考:https://sublime.wbond.net/installation
Package Control安裝方法:
- CTRL+` ,出現(xiàn)控制臺
- 粘貼代碼至控制臺(ST3去下面這個網(wǎng)頁復制)
https://packagecontrol.io/installation#st3
如果以上方法不能安裝脱惰,請使用下面的方法:
- 選擇菜單:Preferences > Browse Packages
- 打開sublime插件安裝包文件夾
- 下載文件并復制到打開的文件夾
- 重啟sublime
Emmet
功能:編碼快捷鍵搏嗡,前端必備
簡介:Emmet作為zen coding的升級版,對于前端來說拉一,可是必備插件采盒,如果你對它還不太熟悉,可以在其官網(wǎng)(http://docs.emmet.io/)上看下具體的演示視頻蔚润。
使用:教程-http://docs.emmet.io/cheat-sheet/磅氨、http://peters-playground.com/Emmet-Css-Snippets-for-Sublime-Text-2/
JSFormat
功能:Javascript的代碼格式化插件
簡介:很多網(wǎng)站的JS代碼都進行了壓縮,一行式的甚至混淆壓縮嫡纠,這讓我們看起來很吃力悍赢。而這個插件能幫我們把原始代碼進行格式的整理,包括換行和縮進等等货徙,是代碼一目了然左权,更快讀懂~
使用:在已壓縮的JS文件中,右鍵選擇jsFormat或者使用默認快捷鍵(Ctrl+Alt+F)
Bracket Highlighter
功能:成對標記匹配
簡介:可匹配[], (), {}, “”, ”, <tag></tag>痴颊,高亮標記赏迟,便于查看起始和結束標記
使用:點擊對應代碼即可
Color?Picker
功能:調(diào)色板
簡介:需要輸入顏色時,可直接選取顏色
使用:快捷鍵Windows: ctrl+shift+c
ConvertToUTF8
功能:文件轉(zhuǎn)碼成utf-8
簡介:通過本插件蠢棱,您可以編輯并保存目前編碼不被 Sublime Text 支持的文件锌杀,特別是中日韓用戶使用的 GB2312甩栈,GBK,BIG5糕再,EUC-KR量没,EUC-JP ,ANSI等突想。ConvertToUTF8 同時支持 Sublime Text 2 和 3殴蹄。
使用:安裝插件后自動轉(zhuǎn)換為utf-8格式
Sublime?Code?Intel
功能:多種語言代碼的自動補全,包括JS猾担、python袭灯、PHP等
簡介:
使用:1. 通過路徑Perferences->Package Settings->SublimeCodeIntel->Setting - Defalut打開配置文件,找到“JavaScript”部分绑嘹,將
"codeintel_selected_catalogs": ["jQuery"]
改成
"codeintel_selected_catalogs": ["JavaScript"]
2.關閉重啟Sublime稽荧,寫JavaScript代碼,發(fā)現(xiàn)自動補全已經(jīng)生效工腋。
SublimeLinter
功能:代碼語法檢查姨丈、校驗和提示
簡介:關于代碼語法檢查、校驗和提示擅腰,鄭重推薦這個插件构挤。
介紹SublimeLinter只是一個檢測環(huán)境, 檢測的功能還需其他插件來完成惕鼓, 安裝好SublimeLinter后筋现, 再裝SublimeLinter-jscs SublimeLinter-csslint 之類的插件,和nodejs箱歧、jshint之類的軟件矾飞。
安裝步驟(只是步驟多一點,不復雜):參考文章
- 安裝sublime插件:
- SublimeLinter(總框架呀邢,必裝)洒沦、
- sublimeLinter-jshint(針對js,建議安裝)价淌、
- SublimeLinter-csslint(針對css申眼,選裝)、
- SublimeLinter-jscs(我沒用到蝉衣,選裝)括尸、
- 安裝環(huán)境軟件:
- NodeJS:必裝,archLinux使用yay安裝病毡;
- npm:arch系可以用yay安裝
yay -S npm
濒翻; - jshint:使用npm安裝:
sudo npm install -g jshint
,是sublimeLinter-jshint的依賴; - csslint:使用npm安裝:
sudo npm install -g csslint
有送,是sublimeLinter-csslint的依賴淌喻; - jscs:使用npm安裝:
sudo npm install -g jscs
,是sublimeLinter-jscs的依賴雀摘;
- 在sublime中應該可以使用了裸删,否則重新打開sublime嘗試。
二阵赠、Sublime Text 3 應用技巧和訣竅
http://note.youdao.com/noteshare?id=24eeb6bf9a4febe98ebac7630929b887
1.選擇
以下是一些Sublime Text選擇文本的快捷鍵:
- Command + D 選中一個單詞
- Command + L 選中一行
- Command + A 全選 Ctrl + Command + M` 選中括號內(nèi)所有內(nèi)容 (編寫CSS或JS時非常實用)
Sublime Text還支持一次選中多行的操作:Furthermore, Sublime Text brings lets us select multiple lines at once, which can significantly boost your productivity. There are several ways to perform this feature:
- Command 按住Command鍵再點擊想選中的行
- Command + Ctrl + G (選中部分文本時) 按此鍵選中所有相同文本
- Command + D (選中部分文本時) 直接選中下一次出現(xiàn)的該文本
2.CSS排序
CSS屬性的順序一般不重要涯塔,因為無論何種順序瀏覽器都能正確渲染。但排序所有的屬性還是有助于代碼的整潔豌注。在Sublime Text中伤塌,選中CSS屬性后按F5就可以按字母順序排序灯萍。
也可以使用 CSSComb 等第三方插件轧铁,更詳細的控制排序的方法。
3.命令面板(Command Palette)
使用命令面板可以快速完成多重任務旦棉。按Command + Shift + P調(diào)出面板齿风,鍵入需要的命令即可“舐澹看以下的幾個示例:
4.主要快捷鍵
- Ctrl+L 選擇整行(按住-繼續(xù)選擇下行)
- Ctrl+KK 從光標處刪除至行尾
- Ctrl+Shift+K 刪除整行
- Ctrl+Shift+D 復制光標所在整行救斑,插入在該行之前
- Ctrl+J 合并行(已選擇需要合并的多行時)
- Ctrl+KU 改為大寫
- Ctrl+KL 改為小寫
- Ctrl+D 選詞 (按住-繼續(xù)選擇下個相同的字符串)
- Ctrl+M 光標移動至括號內(nèi)開始或結束的位置
- Ctrl+Shift+M 選擇括號內(nèi)的內(nèi)容(按住-繼續(xù)選擇父括號)
- Ctrl+/ 注釋整行(如已選擇內(nèi)容,同“Ctrl+Shift+/”效果)
- Ctrl+Shift+/ 注釋已選擇內(nèi)容
- Ctrl+Z 撤銷
- Ctrl+Y 恢復撤銷
- Ctrl+M 光標跳至對應的括號
- Alt+. 閉合當前標簽
- Ctrl+Shift+A 選擇光標位置父標簽對兒
- Ctrl+Shift+[ 折疊代碼
- Ctrl+Shift+] 展開代碼
- Ctrl+KT 折疊屬性
- Ctrl+K0 展開所有
- Ctrl+U 軟撤銷
- Ctrl+T 詞互換
- Tab 縮進 自動完成
- Shift+Tab 去除縮進
- Ctrl+Shift+↑ 與上行互換
- Ctrl+Shift+↓ 與下行互換
- Ctrl+K Backspace 從光標處刪除至行首
- Ctrl+Enter 光標后插入行
- Ctrl+Shift+Enter 光標前插入行
- Ctrl+F2 設置書簽
- F2 下一個書簽
- Shift+F2 上一個書簽
在同時打開多個標簽頁時真屯,可以用以下的熱鍵切換:
- Command + T 列出所有的標簽頁
- Command + Shift + ] 下一標簽頁
- Command + Shift + [ 上一標簽頁
- Command + Ctrl + P 切換側邊欄顯示的工程
5.跨文件編輯
同一個編輯操作可以在多個文件中同時重復脸候。舉個例子,多個文件中有同一段代碼時绑蔫,可用以下的步驟快速編輯:
- 按Command + Shift + F在Find框中輸入待查找的代碼运沦。可按Command + E快速使用選擇中的代碼段配深。
- 在Where框中指定需要查找的文件范圍携添,或填寫<open files>表示查找目前打開的文件。
- 在Replace框中輸入要替換成的代碼篓叶,按Replace按鈕批量替換烈掠。
6.文件爬蟲
按Command + R可以列出文檔中所有的CSS選擇器「淄校可以選擇并立刻跳轉(zhuǎn)查看左敌。這個操作比使用一般的“查找”功能快得多。
7.拼寫檢查
如果你經(jīng)常使用Sublime Text從事英文創(chuàng)作俐镐,那么啟用拼寫檢查就非常有用處了母谎。選擇Preferences > Settings – User菜單,添加以下代碼:
"spell_check": true,
8.增強側邊欄
SideBarEnhancements插件有效地改進了Sublime Text的側邊欄京革。安裝插件后在側邊欄上點擊右鍵奇唤,可以找到一下新功能:在資源管理器中打開幸斥、新建文件、新建文件夾咬扇、以…打開甲葬、在瀏覽器中打開。
注:在瀏覽器中打開的熱鍵是F12懈贺。
9.更換主題
Sublime Text的外觀主題可以更換经窖。Soda Theme就是一個不錯的主題,可以在包管理器中安裝梭灿。
如果要安裝的主題并不在在線軟件倉庫中画侣,也可以手動安裝:
- 下載并解壓縮主題包
- 點擊菜單 Preferences > Browse Packages…
- 把主題文件夾復制到Packages文件夾中.
- 點擊菜單 Preferences > Settings – Users 并加入以下代碼:
"theme": "Soda Light.sublime-theme"