Sublime Text 2的快速入門和常用技巧

1. 安裝擴展器包管理器Package Control組件

• 點擊菜單 View -> Show Console 調出控制台或者按快捷鍵 “Ctrl + `”（1左邊的符號，可能和QQ拼音輸入法和搜狗瀏覽器的快捷鍵有沖突，改下就可以）
• 輸入下面的代碼並按回車：

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這一項，則安裝成功。如果這種方法不能安裝成功，可以到這里下載文件手動安裝（https://sublime.wbond.net/installation）。

 

2. 用Package Control安裝插件的方法：

• 點擊菜單按下Ctrl+Shift+P調出命令面板 
• 輸入install 調出 Install Package 選項並回車，然后在列表中選中要安裝的插件。
• 基本命令，install安裝插件，List列出已安裝插件，Remove刪除已安裝插件，Upgrade升級插件，Disable禁用插件，Enable啟用插件

    

 

3. 常用插件介紹

• GBK Encoding Support：中文支持插件

對應gb2312來說，Sublime Text 2 本生不支持的，安裝“GBK Encoding Support”插件，打開gbk編碼的文件就不會出現亂碼了，如果有需要轉成utf-8的可以在File-GBK to UTF8-選擇Save with UTF8就可以了。

 

• IMESupport

    中文輸入法的輸入框跟隨插件

 

• SublimeCodeIntel 代碼自動提示

    支持JavaScript, Mason, XBL, XUL, RHTML, SCSS, Python, HTML, Ruby, Python3, XML, Sass, XSLT, Django, HTML5, Perl, CSS,                         Twig, Less, Smarty, Node.js, Tcl, TemplateToolkit, PHP.

    

    快捷鍵如下：

    Jump to definition =  Alt+Click
    Jump to definition =  Control+Windows+Alt+Up
    Go back =  Control+Windows+Alt+Left
    Manual Code Intelligence =  Control+Shift+space

 

• ConvertToUTF8 轉換GBK編碼為UTF8編碼

    選中所有的文本，快捷鍵"Ctrl + Shift + C"

• JsMinifier

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

 

• JS Format

    JS代碼格式化插件，快捷鍵”Ctrl + Alt + F“

• AndyJS2

     JS提示

 

• jQuery

    jQuery函數提示插件

 

• Tag

    Html代碼格式化標簽，快捷鍵”Ctrl + Alt + F“，或者點擊右鍵找相應的功能

 

•  emmet

　　新建文件快速生成Html頭部信息和炫酷的代碼補全

 

4. 快捷鍵操作

     界面：

• F11 全屏
• shift+F11 無干繞全屏
• ctrl+k+b 開關側邊欄
• Alt+Shift+數字：分屏顯示
• ctrl+I  ：顯示底部面板：

 

    編輯：

• F6 拼寫檢查
• Ctrl+/ 注釋整行（如已選擇內容，同“Ctrl+Shift+/”效果）
• Ctrl+Shift+/ 注釋已選擇內容
  
• Ctrl+D 選詞 （按住-繼續選擇下個相同的字符串）
  
• Alt + F3 選中所有相同的詞
• Ctrl+M 光標移動至括號內開始或結束的位置
  
• Ctrl+Z 撤銷
  
• Ctrl+Y 恢復撤銷
  
• Alt+. 閉合當前標簽
  
• Ctrl+N：新建窗口
  
• Ctrl + Shift + L 將當前選中區域打散，然后進行同時編輯
• Ctrl + J 將當前選中區域合並為一行

 

    查找/替換

• Ctrl+F：查找內容

• Ctrl+Shift+F：查找並替換

• Ctrl+H：替換

• F3        查找下一個：

• shift+F3    查找前一個：

 

5.個人用戶設置，菜單Preference -> Settings - User

 // 設置字體大小

 "font_size": 14,

 // 高亮當前行

 "highlight_line": true,

 // 使光標閃動更加柔和

 "caret_style": "phase",

 // 高亮有修改的標簽

 "highlight_modified_tabs": true, 

// 設置tab的大小為2

 "tab_size": 2,

 // 保存時自動去除行末空白

 "trim_trailing_white_space_on_save": true,　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　

 

6.Sublime Text 2運行js方法

• 安裝node.js
• Sublime選擇菜單 Tools --> Build System --> new Build System...，寫入如下內容：

{
    "cmd": ["node", "$file"],
    "file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)",
    "working_dir": "${project_path:${folder}}",
    "selector": "source.js",
    "shell": true,
    "encoding": "utf-8",
    "windows": {
        "cmd": ["taskkill /f /im node.exe >nul 2>nul & node", "$file"]
    },
    "linux": {
        "cmd": ["killall node; node", "$file"]
    }
}

    接着保存為 javascript.sublime-build，保存位置默認即可

• 新建一個test.js試試，按Ctrl + B 或者 F7運行

     

 

 

參考博客：http://www.cnblogs.com/52cik/p/3807027.html

　　　　　http://www.cnblogs.com/figure9/p/sublime-text-complete-guide.html