sublime工具使用

ohayhay發表於2016-07-13

/*sublime使用技巧---待補充*/

1.開啟goto anything(ctrl+p   )   查詢檔案or檔案內快速導航(用@)

2.開啟命令模式(ctrl+shift+p ) 

   修改語法模式 set syntax js

   minimap

3.產生多行游標(ctrl+shift+d快速複製多行文字)

   法1-----ctrl+d選中後續相同元素  ctrl+k跳過

   法2-----alt+f3全選

   法3-----ctrl+a全選,然後ctrl+shift+L

   法4-----滑鼠拖拽,shift+滑鼠右鍵

4. 外掛

   emmet外掛

 (1) 輸入!然後ctrl+e---快速生成基本文件

 (2)<script>輸入ctrl+e生成閉合標籤

 (3)檔案內跳轉#body 則會跳轉到body標籤處

 (4)ctrl+enter 在當前行下面新增一行滑鼠移動到下一行

 (5)ctrl+shift+enter 在當前行上面新增一行滑鼠移動到上一行

 (6)輸入無序列表 ul>.item$*10-----ctrl+e

 (7)增加縮排 ctrl+} 減少縮排 ctrl+{

 (8)ctrl+shift+v 可使貼上過來的程式碼保持縮排,而ctrl+v則不會

 

安裝colorpicker外掛ctrl+shift+c顏色選取

 

通過package control工具管理sublime所有外掛

(1) packagecontrol:install package------theme spacegray---配置資訊黏貼到seeting-user

(2) snippets

   以外掛形式提供的snippets

自動生成模板function foo(){}    package control:-----installpackage------snippets function

自動生成document.getElementById  package control:-----installpackage------javascript&nodejs snippets

使用snippets加速jquery開發 package control:-----install package------jquery

在寫node.js常用到的snippets alt+c---snippets快捷鍵

(3)輔助技巧

1  安裝外掛advanceNewFile後  快捷鍵ctrl+alt+n 可直接快速建立檔案,,可指定目錄,上層資料夾可自動生成

2  httpRequest在sublime內進行伺服器響應測試 安裝外掛httpRequest 快捷鍵alt+ctrl+r 

3  安裝外掛nettus fetch,fetch manage 管理配置檔案。如何使用fetch快速下載jquery  用ctrl+alt+n ---建立檔案public/js/jquery.js ---fetch file

4sidebarenhancement增加右鍵功能--瀏覽器開啟

5 docblockr快速新增註釋

6 用lint進行語法及風格校驗---可統一團隊的編碼風格

安裝sublimelinter外掛,sublimelinter是一個總體框架,如果需要對相應語法進行校驗,還需要安裝相應linter外掛。

sublimelinter-jshint

自定義語法規則-----配置檔案(.jshintrc)基本格式是json基本格式

相關文章