sublime工具篇

本文轉載於:猿2048網站➫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
一、進入官網。（sublime.wbond.net）
二、選擇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)           

三、進入sublime text 軟件，選擇view下的show console。
四、將代碼粘貼進去按回車等待安裝的完成。
五、安裝完成後重啓sublime text。
六、啓用命令模式（ctrl+shift+p），輸入package control:install package.
七、等待加載插件，加載完有不少的插件。
八、選擇主題插件theme（主題） ****，有不少樣式，能夠去官網看，推薦flatland、soda、spacegray。。。在命令模式下選擇一種，好比選擇 theme spacegray。
九、等待安裝，安裝完成後會彈出使用說明，說明裏有叫你把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鍵，自動補充函數說明格式。

 

使用lint進行語法和風格校驗（之後補充）