sublime 使用技巧總結


對於用慣了editplus的人來說,突然接觸到sublime有點無所適從,不過稍微適應一段時間后,發現會漸漸的愛上這個小黑盒子。

那么sublime究竟好在啥地方呢?

我看最顯著的特點就是他的智能聯想功能,vs ide和eclipse插件 在這個輕量級的小工具上也實現了完美呈現。

另外就是sublime強大的搜索功能啦··在windows中編程有時候 會從一個文件切換到另外一個文件,難道去點開層層文件夾么?如果能實現命令行切換就方便啦。

於是抽出空來,重點看看sublime是如何實現強大的文件搜索吧。

1、goToAnyThing的Ctrl+P

如果只會在當前文件中使用ctrl+F搜關鍵字,那么你就out啦。

  • 用 Ctrl + P 可以快速跳轉到當前項目中的任意文件,可進行關鍵詞匹配。
  • 用 Ctrl + P 后 @ (或是Ctrl +R)可以快速列出/跳轉到某個函數

    (對於js來說,列出的是當前文件的函數列表,對於html文件來說,列出的是當前的id,對於css來說列出的是所有的樣式選擇器)

  • 用 Ctrl + P 后 # 可以在當前文件中進行搜索。
  • 用 Ctrl + P 后 : (或是Ctrl+G)加上數字可以跳轉到相應的行。
  • 而更酷的是你可以用 Ctrl +P 加上一些關鍵詞跳轉到某個文件同時加上 @ 來列出/跳轉到目標文件中的某個函數,或是同時加上 # 來在目標文件中進行搜索,或是同時加上 : 和數字來跳轉到目標文件中相應的行。(沒有嘗試過,那么現在就在小試一下)

    boxy.js @Boxy   搜索boxy.js 文件中的Boxy函數 

    boxy.js #active   搜索boxy.js 文件中的active關鍵字

           boxy.js :12 跳轉到boxy.js文件中的第12行

2、強大的命令調用方式 ctrl+shift+p

Sublime Text 2 也提供了很方便的命令調用方式:Command Palette(命令面板)。調用方法:直接在 Tool 菜單中選擇 Command Palette,或是用快捷鍵:Ctrl + Shift +  P,輸入命令名稱(中的字母)就可以實時搜索到相應的命令、選項、snippet 和 syntex, 按下回車就可以直接執行

例如 :ctrl+shift+p 然后選擇 toLowerCase 則把選中部分的大寫全部轉化為小寫啦。

3、多重選擇

3、多重選擇(Multi-Selection)

多重選擇功能允許在頁面中同時存在多個光標,讓很多本來需要正則表達式、高級搜索和替換才能完成的任務也變得游刃有余了。

激活多重選擇的方法有幾種:

按住 ctrl,然后在頁面中希望中現光標的位置點擊。

4、縮進指示

有時候空格占位和空縮進在編輯器中看不到,而縮進指示可以很直觀。

  • 下載 IndentGuides 插件。
  • 解壓后,將文件夾重命名為 Indent Guides,並放入 Packages 目錄中。找到 Packages 目錄的簡單方法是在 Sublime Text 2 的 Preferences 菜單中選擇 Browse Packages
  • 重啟 Sublime Text 2

5、安裝包控制 (暫時沒有使用過)

1.安裝

sudo add-apt-repository ppa:webupd8team/sublime-text-2 

sudo apt-get update 

sudo apt-get install sublime-text-2  

  2.漢字顯示 菜單欄 -> Preferences -> File Settings - User,在配置文件中增加: 

"font_face""WenQuanYi Micro Hei Mono"  

3.更新

sudo apt-get install sublime-text-2  

4.安裝包控制(Package Control)

上 一條中的安裝插件的方法是不是很麻煩呢?其實和 TextMate 可安裝 Bundle、Plugin 一樣,Sublime Text 2 也擁有良好的擴展功能,這就是安裝包(Package);同樣,就像 TextMate 有用來安裝、升級、卸載 Bundle 的 GetBundles 一樣,Sublime Text 2 也有其用來進行 Package 控制的插件:Sublime Package Control。通過 Sublime Package Control,安裝、升級和卸載 Package 也變得輕松寫意了。

安裝 Package Control 的方法:

    • 打開 Sublime Text 2,按下 Control + ` 調出 Console

    • 將以下代碼粘貼進命令行中並回車:

      import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) else None;open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())

    • 重啟 Sublime Text 2,如果在 Preferences -> Package Settings中見到Package Control這一項,就說明安裝成功了。

 6、對齊

在 Sublime Text 2 之中,一個 Sublime Alignment 插件也可以輕松實現對齊功能。

以下就通過 Package Control 來安裝這個插件:

  1. 按下 Shift + Command + P 調出命令面板。

  2. 輸入 install 調出 Package Control: Install Package 選項,按下回車。

  3. 在列表中找到 Alignment,按下回車進行安裝。
  4. 重啟 Sublime Text 2 使之生效。現在通過選中文本並按下 Shift + Command + A Ctrl + Command + A 就可以進行對齊操作了。

通過這個方法就可以簡便的安裝更多的插件,雖然目前的安裝源中插件並不是很多,但相信以后會更加豐富的。

7、主題

針對 Sublime 程序本身的主題,目前可以安裝的是 Ian Hill 的 Soda

因為源中已經添加,所以這款主題的安裝同樣可以通過 Package Control,非常方便。目前 Soda 主題提供了明暗兩種風格。

激活方法,同樣要修改 User Global Settings:

  1. 按下 Shift + Command + P 調出命令面板。

  2. 輸入 user global setting 調出 Preferences:User Global Settings,並按下回車。

    theme

  3. 添加以下代碼激活 Soda Light 主題:

    { "theme": "Soda Light.sublime-theme" } 

    添加以下代碼激活 Soda Dark 主題:

    { "theme": "Soda Dark.sublime-theme" } 
  4. 保存生效。

8、命令行工具

Sublime Text 2 提供方便的命令行工具以方便通過終端來快速的調用 Sublime Text 2 程序來打開文件/目錄/項目等。

要使用命令行工具,你需要創建一個符號鏈接,在終端(Terminal.app)中運行,當然也可以是在putty之下

ln -s "/Applications/Sublime Text 2.app/Contents/SharedSupport/bin/subl" ~/bin/subl 

然后運行 subl --help 可以查看 subl 命令的使用方法:

使用: subl [參數] [文件] 編輯指定文件  或: subl [參數] [目錄] 打開指定目錄  或: subl [參數] - 編輯 stdin 可用參數:  --project <項目>: 讀取指定項目  --command <命令>: 運行指定命令  -n 或 --new-window: 打開新窗口  -a 或 --add: 向當前窗口中添加文件夾  -w 或 --wait: 等待文件關閉后再返回  -b 或 --background: 不激活程序窗口  -s 或 --stay: 關閉文件后保持程序窗口激活  -h 或 --help: 顯示此幫助  -v 或 --version: 顯示版本號 讀取 stdin 時會使用 --wait 參數。通過 --stay 可以在文件關閉后不返回終端(僅針對單個文件)。 可以通過向文件名添加 

9、實用插件 

安裝Sublime Text 2插件的方法:
1.直接安裝

安裝Sublime text 2插件很方便,可以直接下載安裝包解壓縮到Packages目錄(菜單->preferences->packages)。

2.使用Package Control組件安裝

也可以安裝package control組件,然后直接在線安裝:

按Ctrl+`調出console

粘貼以下代碼到底部命令行並回車:

import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) else None;open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())

重啟Sublime Text 2。

如果在Perferences->package settings中看到package control這一項,則安裝成功。

如果這種方法不能安裝成功,可以到這里下載文件手動安裝。

用Package Control安裝插件的方法:

按下Ctrl+Shift+P調出命令面板

輸入install 調出 Install Package 選項並回車,然后在列表中選中要安裝的插件。

不爽的是,有的網絡環境可能會不允許訪問陌生的網絡環境從而設置一道防火牆,而Sublime Text 2貌似無法設置代理,可能就獲取不到安裝包列表了。
好,方法介紹完了,下面是本文正題,一些有用的Sublime Text 2插件:

 

Zen Coding

這個,不解釋了,還不知道ZenCoding的同學強烈推薦去看一下:《Zen Coding: 一種快速編寫HTML/CSS代碼的方法》。
PS:Zen Coding for Sublime Text 2插件的開發者已經停止了在Github上共享了,現在只有通過Package Control來安裝。

 

jQuery Package for sublime Text

如果你離不開jQuery的話,這個必備~~

 

Sublime Prefixr

Prefixr,CSS3 私有前綴自動補全插件,顯然也很有用哇

 

JS Format

一個JS代碼格式化插件。

 

SublimeLinter

一個支持lint語法的插件,可以高亮linter認為有錯誤的代碼行,也支持高亮一些特別的注釋,比如“TODO”,這樣就可以被快速定位。(IntelliJ IDEA的TODO功能很贊,這個插件雖然比不上,但是也夠用了吧)

 

Placeholders

故名思意,占位用,包括一些占位文字和HTML代碼片段,實用。

 

Sublime Alignment

用於代碼格式的自動對齊。傳說最新版Sublime 已經集成。

 

Clipboard History

粘貼板歷史記錄,方便使用復制/剪切的內容。

 

DetectSyntax

這是一個代碼檢測插件。

 

Nettuts Fetch

如果你在用一些公用的或者開源的框架,比如 Normalize.css或者modernizr.js,但是,過了一段時間后,可能該開源庫已經更新了,而你沒有發現,這個時候可能已經不太適合你的項目了,那么你就要重新折騰一遍或者繼續用陳舊的文件。Nettuts Fetch可以讓你設置一些需要同步的文件列表,然后保存更新。

 

JsMinifier

該插件基於Google Closure compiler,自動壓縮js文件。

 

Sublime CodeIntel

代碼自動提示

 

Bracket Highlighter

類似於代碼匹配,可以匹配括號,引號等符號內的范圍。

 

Hex to HSL

自動轉換顏色值,從16進制到HSL格式,快捷鍵 Ctrl+Shift+U

 

GBK to UTF8

將文件編碼從GBK轉黃成UTF8,快捷鍵Ctrl+Shift+C

 

 

Git

該插件基本上實現了git的所有功能

 

參考文件:

http://www.cppblog.com/biao/archive/2012/01/15/164215.aspx

http://apps.hi.baidu.com/share/detail/57579813

 

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM