sublime工具篇

sublime快捷鍵的應用

熟悉掌握sublime快捷鍵，提高編碼效率，享受編碼樂趣。

window操作系統常用快捷鍵

win+D:快速顯示桌面 win+方向鍵：最大化最小化窗口 win+L快速鎖定窗口 CTRL+TAB:同一頁面不同窗口切換

win+R:cmd,軟件命令行 ALT+上方向鍵：查看當前文件夾上級目錄 ALT+TAB:快速切換頁面

sublime主要快捷鍵

Ctrl+D：選擇單詞，重復操作可增加選擇下一個相同的單詞

Ctrl+L：選擇行，重復可依次增加選擇下一行

Ctrl+M：跳轉到對應括號

Ctrl+F：查找內容

Ctrl+Shift+F：查找並替換

Ctrl+H：替換

Ctrl+N：新建窗口

Ctrl+K+B：開關側欄

Ctrl+/：註釋當前行

Ctrl+Shift+/：當前位置插入註釋

F11：全屏

Alt+Shift+數字：分屏顯示

CTRL+ENTER 在當前下方添加一行

CTRL+SHIFT+ENTER 在當前上方添加一行

ALT+F3全選 移動方向鍵就有了光標

ALT+.> 匹配出結束標簽

Ctrl+] 增加縮進 [ 減小縮進

preferences->setting user 修改默認的設置；
preferences->color scheme 修改界面顏色

“emmet插件”環境下 輸入“！”號 Ctrl+E(自動生成html5格式) 關於安裝插件見2

到包的內部 ctrl+p#body 匹配到body 這個標簽

創建列表 即（ul>.item$*10）+（ctrl+E）“ >”號生成子元素 .（class）item（以item開頭的class名）$(序號)

Goto Anything

快捷鍵 ctrl+p
功能1：快速查詢文件（支持模糊匹配） 如：wista/index.html
功能2：@可以查詢css中的選擇器或js中的函數 如：@body 可以快速定位到當前文件的body標簽
功能3：可以模糊匹配編寫代碼 如：background-image bgm

ctrl+shift+p 啟動命令模式

1若切換到JavaScript命令模式，需要在彈出的輸入框內輸入set syntax JavaScript即可 （支持模糊匹配）SS...

2改變文件編碼類型為javascript或者css等

3安裝插件 ctrl+shift+p啟動命令模式，輸入install package，選擇所要安裝的插件安裝

多行遊標（同時操作多行相同的代碼）

Ctrl+H：查找替換
Ctrl+D：選擇遊標所在單詞，連續Ctrl+D實現多行選擇（選擇與第一次選擇相同的單詞）
Ctrl+K Ctrl+D：跳過當前選擇，選擇下一個
Ctrl+shift+D：復制遊標所在行
按住shift，右鍵，拖動，產生多行遊標

用ALT+F3選擇相同的詞

安裝Package Control及相關插件

***********Package Control使用方法**********
1. install Package 安裝插件
2. List Package 已經安裝插件列表
3. Remove Package 卸載插件
4. Disable/Enable Package 禁用/啟用插件

推薦三款主題:
1.theme-soda
2.theme-flatland
3.theme-spacegray
註:主題安裝好後,一段使用代碼需要copy到user配置中

安裝package control
1、進入官網。（sublime.wbond.net）
2、選擇sublime的版本 然後復制下面的代碼。

import urllib.request,os,hashlib; h = ‘df21e130d211cfc94d9b0905775a7c0f‘ + ‘1e3d39e33b79698005270310898eea76‘; 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)

3、進入sublime text 軟件，選擇view下的show console。
4、將代碼粘貼進去按回車等待安裝的完成。
5、安裝完成後重啟sublime text。
6、啟用命令模式（ctrl+shift+p），輸入package control:install package.
7、等待加載插件，加載完有很多的插件。
8、選擇主題插件theme（主題） ****，有很多樣式，可以去官網看，推薦flatland、soda、spacegray。。。在命令模式下選擇一種，比如選擇 theme spacegray。
9、等待安裝，安裝完成後會彈出使用說明，說明裏有叫你把space eighties 下面的復制到自己用戶的配置信息中，也就是preferences菜單下的settings user裏將復制的代碼粘貼進去。（],否則不成功），保存後安裝完成，sublime text的主題就會變成安裝的主題樣式

sublime進階

使用snippets

編碼過程中使用snippets能提升編碼效率，保持良好的編碼風格。不同編程語言中的snippets也是不同的。以javascript為例。

在Javascript語法環境中，shift+command+P打開命令模式,輸入Snippet，選擇“Snippet:function"命令可以快速創建函數，通過tab鍵可以快速切換輸入參數和函數體

通過sublime Text自帶輸入的縮寫詞也能自動補全代碼語句,如輸fun 選擇提示的fun Function,就會生成函數

安裝Javascript&NodeJs Snippets 以及jQuery外部插件，以安裝Jquery插件為例。
JQuery snippets
1.[ctrl+shift+P]+輸入‘pci‘+輸入‘JQuery‘
2.輸入‘get‘，自動產生 get請求
3.輸入‘post‘，自動產生 post請求

開發中輔助技巧

sidebarenhancement插件
在sublime text3中直接實現在瀏覽器中打開我們想要的HTML文件，省去了在找文件夾打開
1)ctrl+shfit+p 輸入pcip回車 sidebarenhancement回車
2)點擊x.html 右鍵選擇open in brower，選擇相應的瀏覽器即可

advanceNewfile插件
用於創建文檔的同時命名、保存該文檔
Ctrl+Alt+N:在不用打開相關文件夾的情況下新建文檔，需填寫路徑到 文檔名.html（或其他類型文檔）

docblockr插件
1)輸入/*按回車，補充行註釋。
2)輸入/**按回車，補充多行註釋。
3)在寫好的函數上方輸入/**按tab鍵，自動補充函數說明格式。

【轉】sublime