Mac下sublime的使用技巧小記

goto特性：

command＋p：快捷鍵

快速導航到須要找的那個頁面，支持模糊匹配。能夠輸入路徑（／），在css文件中，用goto anythings特性用@符號能夠快速導航出這個頁面中的全部的選擇器。在js文件中@能夠導航function。＃：當前頁面搜索元素

eg:public/css/bo@body

多行遊標：

option+command+f:查找替換

command＋d：多行遊標的選擇

command＋k：跳過選擇上的那行

command＋shift＋d：快速複製一行文本

shift＋control＋k：快速刪除一行文本

命令模式：

command＋shift＋p：啓動命令模式

隱藏顯示minmap，或者改變文件的語法格式

command+enter:在當前行添加新的一行

command+shift+enter:在當前行的上一行添加一行

command＋shift＋v：在粘貼的過程當中保持了縮進

command＋［，command＋｛［，總體的縮進移動等

 

package control進行包管理。

package control:install…選擇須要的插件進行安裝。

 

在package controll 裏搜索 Javascript & nodeJS snippets

簡化代碼的書寫操做：eg：在代碼區輸入 gi則提示getElementById

 

相對路徑建立新的文件：插件：advancedNewFile插件，快捷鍵：command＋option＋n

 

輔助技巧：httpRequest

下載插件http Requester

alt+ctrl+r:查看服務器響應的內容

node.js代碼：

在sublime text編輯器內部來實現服務器端服務器響應的測試：

下載插件：

下載完成以後，使用註解的方式：

如：

//localhost:3000/users/

 

選擇註解的文字--->alt+ctrl+r就能夠看到服務器端服務器響應的結果了。

 

模擬post請求，在之前須要寫一個表單模擬，不利於開發

不須要前端表單的狀況下來模擬post請求：

找到httprequest官方網站（https://github.com/braindamageinc/SublimeHttpRequester）找到post請求須要的參數。

 

開發中輔助技巧：sidebarenhancement

在sublime text3中如何實如今瀏覽器中打開咱們想要瀏覽的html文件？

步驟：

1）ctrl+shfit+p-->輸入pcip回車-->sidebarenhancement

回車便可

 

2）點擊x.html右鍵選擇open in browser-->選擇相應的瀏覽器便可在瀏覽器打開該文件。

 

快速補充註釋插件：Dockblockr插件

1.輸入/*按Enter 補充行註釋或選中按熱鍵Ctrl+/

2.輸入/**按Enter，補充多行註釋，或選中後熱鍵Ctrl+shift+/

3.在寫好的函數上方輸入/**按Tab鍵，自動補充函數說明格式

 

 

使用lint進行語法及風格校驗

jshint能夠統一編碼風格。

安裝jshint的步驟：

1)ctrl+shift+p打開命令模式--->輸入pcip回車--->輸入sublimelinter回車（是整體框架，若是須要對js進行校驗的話，還須要安裝針對js的校驗插件，其中有兩套js校驗插件，分別是jslint,jshint,其中jshint是最流行的，此處也是安裝jshint爲主）--->ctrl+shift+p--->輸入sublimelinter-jshint回車進行安裝--->下載node.js進行安裝（由於用命令方式安裝jshint插件用到npw install(node版本庫），到node.js官網下載node-v6.2.0-x64.msi而且點擊安裝，安裝完成以後--->須要在命令行安裝jshint,命令代碼時：npw install -g jshint。

若是沒有安裝node的話，那麼npw命令就是無效的。

注意：在sublime text使用sublimelinter jshint，那麼jshint版本必須大於2.4。

 

jshint文檔網址：jshint.com/docs/options/

 

如何在js中使用校驗呢？步驟以下：

1)ctrl+alt+n打開一個新文件--->切換到js語法模式--->若是用戶在js文件上寫上var x=123後面卻沒有分號的話，那麼該行的左邊就會有個黃色的圓點進行提示用戶，這裏須要加上分號。若是在js中定義一個數值，一個字符串，雖然這兩個值相同，可是類型不一樣，一個數值型，另外一個是字符串類型，因此要判斷這兩個變量是否相等就須要用到三等於了，可是若是咱們不當心寫少了一個等號的話，就很難察覺了，爲了不這種狀況的發生，咱們須要自定義校驗，自定義校驗的步驟以下：

定義一個名稱爲.jshintrc的配置文件，該文件裏面的內容是json格式的，內容以下：

{

"eqeqeq":true,//校驗三等的狀況

"curly":true//校驗if，for語法沒有寫花括號的狀況

}