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

時間 2019-11-11

原文原文鏈接

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安裝插件的方法：javascript

點擊菜單按下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"html

JsMinifier

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

JS Format

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

AndyJS2

JS提示

jQuery

jQuery函數提示插件

Tag

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

emmet

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

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：查找內容linux
Ctrl+Shift+F：查找並替換shell
Ctrl+H：替換windows
F3 查找下一個：sublime-text
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，保存位置默認便可