Sublime快捷鍵與常用插件配置總結

2020-07-14 12:55:11

字體：大中小

來源：轉載

供稿：網友

1. 快捷鍵

ctrl + ~：打開控制臺
Ctrl+Shift+P：打開命令面板
Ctrl+P：搜索項目中的文件
Ctrl+G：跳轉到第幾行
Ctrl+W：關閉當前打開文件
Ctrl+Shift+W：關閉所有打開文件
Ctrl+Shift+V：粘貼并格式化
Ctrl+D：選擇單詞，重復可增加選擇下一個相同的單詞
Ctrl+L：選擇行，重復可依次增加選擇下一行
Ctrl+Shift+L：選擇多行
Ctrl+Shift+Enter：在當前行前插入新行
Ctrl+X：刪除當前行
Ctrl+M：跳轉到對應括號
Ctrl+U：軟撤銷，撤銷光標位置
Ctrl+J：選擇標簽內容
Ctrl+F：查找內容
Ctrl+Shift+F：查找并替換
Ctrl+H：替換
Ctrl+R：前往 method
Ctrl+N：新建窗口
Ctrl+K+B：開關側欄
Ctrl+Shift+M：選中當前括號內容，重復可選著括號本身
Ctrl+F2：設置/刪除標記
Ctrl+/：注釋當前行
Ctrl+Shift+/：當前位置插入注釋
Ctrl+Alt+/：塊注釋，并Focus到首行，寫注釋說明用的
Ctrl+Shift+A：選擇當前標簽前后，修改標簽用的
F11：全屏
Shift+F11：全屏免打擾模式，只編輯當前文件
Alt+F3：選擇所有相同的詞
Alt+.：閉合標簽
Alt+Shift+數字：分屏顯示
Alt+數字：切換打開第N個文件
Shift+右鍵拖動：光標多不，用來更改或插入列內容
鼠標的前進后退鍵可切換Tab文件
按Ctrl，依次點擊或選取，可需要編輯的多個位置
按Ctrl+Shift+上下鍵，可替換行
Ctrl+D 選詞（反復按快捷鍵，即可繼續向下同時選中下一個相同的文本進行同時編輯）
Ctrl+G 跳轉到相應的行
Ctrl+J 合并行（已選擇需要合并的多行時）
Ctrl+L 選擇整行（按住-繼續選擇下行）
Ctrl+M 光標移動至括號內開始或結束的位置
Ctrl+T 詞互換
Ctrl+U 軟撤銷
Ctrl+P 查找當前項目中的文件和快速搜索；輸入 @ 查找文件主標題/函數；或者輸入 : 跳轉到文件某行；
Ctrl+R 快速列出/跳轉到某個函數
Ctrl+K Backspace 從光標處刪除至行首
Ctrl+K+B 開啟/關閉側邊欄
Ctrl+KK 從光標處刪除至行尾
Ctrl+K+T 折疊屬性
Ctrl+K+U 改為大寫
Ctrl+K+L 改為小寫
Ctrl+K+0 展開所有
Ctrl+Enter 插入行后（快速換行）
Ctrl+Tab 當前窗口中的標簽頁切換
Ctrl+Shift+A 選擇光標位置父標簽對兒
Ctrl+Shift+D 復制光標所在整行，插入在該行之前
ctrl+shift+F 在文件夾內查找，與普通編輯器不同的地方是sublime允許添加多個文件夾進行查找
Ctrl+Shift+K 刪除整行
Ctrl+Shift+L 鼠標選中多行（按下快捷鍵），即可同時編輯這些行
Ctrl+Shift+M 選擇括號內的內容（按住-繼續選擇父括號）
Ctrl+Shift+P 打開命令面板
Ctrl+Shift+/ 注釋已選擇內容
Ctrl+Shift+↑可以移動此行代碼，與上行互換
Ctrl+Shift+↓可以移動此行代碼，與下行互換
Ctrl+Shift+[ 折疊代碼
Ctrl+Shift+] 展開代碼
Ctrl+Shift+Enter 光標前插入行
Ctrl+PageDown 、Ctrl+PageUp 文件按開啟的前后順序切換
Ctrl+Z 撤銷
Ctrl+Y 恢復撤銷
Ctrl+F2 設置/取消書簽
Ctrl+/ 注釋整行（如已選擇內容，同“Ctrl+Shift+/”效果）
Ctrl+鼠標左鍵可以同時選擇要編輯的多處文本
Shift+鼠標右鍵（或使用鼠標中鍵）可以用鼠標進行豎向多行選擇
Shift+F2 上一個書簽
Shift+Tab 去除縮進
Alt+Shift+1（非小鍵盤）窗口分屏，恢復默認1屏
Alt+Shift+2 左右分屏-2列
Alt+Shift+3 左右分屏-3列
Alt+Shift+4 左右分屏-4列
Alt+Shift+5 等分4屏
Alt+Shift+8 垂直分屏-2屏
Alt+Shift+9 垂直分屏-3屏
Ctrl+Shift+分屏序號將當前焦點頁分配到分屏序號頁
Alt+. 閉合當前標簽
Alt+F3 選中文本按下快捷鍵，即可一次性選擇全部的相同文本進行同時編輯
Tab 縮進自動完成
F2 下一個書簽
F6 檢測語法錯誤
F9 行排序(按a-z)
F11 全屏模式

2. 安裝Package Control

https://packagecontrol.io/installation

2.1 命令行安裝：

按快捷鍵ctrl+~ 調出命名控制行，輸入以下命令：

import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

2.2 手動安裝

Preferences > Browse Packages
從上層目錄進入Installed Packages/目錄
將 Package Control.sublime-package 復制到Installed Packages/目錄
重啟Sublime Text

3. 插件安裝卸載

3.1 在線安裝

快捷鍵 Ctrl+Shift+P（菜單 – Tools – Command Paletter），輸入 install 選中Install Package并回車，搜索插件安裝

3.2 離線安裝

在github上下載插件解壓，“Preferences”—>”Browse Packages”，打開包的位置，復制插件文件夾，重啟

3.3 插件卸載

快捷鍵 ctrl+shift+p，輸入remove package，選中刪除

4. 常用插件

【emmet】

高效編寫HTML和CSS
https://github.com/sergeche/emmet-sublime

emmet 快捷鍵

(1) 生成html5的結構代碼
! + tab
(2) 生成id名和類名
標簽名.類名#id名 + tab
沒有標簽名.類名 + tab => div
(3) 生成子類標簽
標簽名>子標簽名>子標簽名 + tab
(4) 帶固定數量的標簽:
ul>li5 + tab
(5) 帶有序號名稱
ul>li.abc$3 + tab
(6) 生成帶有內容的標簽
ul>li>a{data}*5 + tab
(7) css
w30+tab => width:30px
h30+tab => height:30px
mg30+tab => margin:30px
pd30+tab => padding:30px
lh12px+tab => line-height:12px
bg+tab => background

【SublimeLinter】

代碼校驗插件，支持 HTML、CSS、JS、PHP、Java、C++ 等16種語言
http://sublimelinter.com
注意：需要在sublime中額外安裝相關lint并且全局安裝node插件，才會有效

相關lint

SublimeLinter-jshint
SublimeLinter-jsxhint
SublimeLinter-csslint

全局安裝node插件

$ npm install -g jshint
$ npm install -g jsxhint
$ npm install -g csslint

【html-css-js prettify】

ctrl + shift + h 格式化代碼
https://github.com/victorporof/Sublime-HTMLPrettify

【CSScomb】

CSS整理
http://csscomb.com/

【sublimeCodeintel】

shift + ctrl + space 代碼自動提示
https://packagecontrol.io/packages/SublimeCodeIntel

【All Autocomplete】

搜索所有打開的文件來尋找匹配的提示詞

【AutoFileName】

自動搜索提示相關的文件路徑，如 js、css、img 等

【BracketHighlighter】

高亮選中的括號，支持代碼折疊

【Color Highlighter】

色彩高亮

【FileHeader】

自動添加文件頭
模板路徑：Data/Packages/FileHeader/template/

【DocBlockr】

函數注釋
https://github.com/spadgos/sublime-jsdocs

【Trimmer】

ctrl + alt + s 清除編寫代碼時由于錯誤或別的原因產生的一些不必要的空格
https://github.com/jonlabelle/Trimmer

【jQuery】

https://github.com/sublimetext/jquery

【SublimeServer】

啟動本地服務器調試，在tools菜單中選擇start sublimeserver

【gbk support】

中文支持，Sublime Text 本生不支持 gb2312，需要安裝插件
https://github.com/chengsu/sublime-gbk-support

【ConvertToUTF8】

注意：需要修改 Data/Packages/ConvertToUTF8/Default .sublime-keymap 的快捷鍵設置，如 ctrl+alt+shift+c，避免與 colorPicker 沖突

【SideBarEnhancements】

側欄右鍵功能增強
https://github.com/titoBouzout/SideBarEnhancements/tree/st3

【SublimeGit】

通過 ctrl + shift + p 使用git功能

git config --global user.name "username"
git config --global user.email "username@email.com"

http://sublimegit.readthedocs.io

【GitGutter】

高亮相對上次提交變動的行
修改配置

{
"git_binary": "C://Program Files (x86)//Git//bin//git.exe"
}

【AutoPrefixer】

ctrl + shift + p 輸入調用進行CSS3私有前綴自動補全

https://github.com/sindresorhus/sublime-autoprefixer

【Terminal】

使用終端打開，支持使用快捷鍵
打開當前文件夾
ctrl + shift + t打開項目文件夾
ctrl + alt + shift + t
https://github.com/wbond/sublime_terminal

【ColorPicker】

ctrl+shift+c 調用取色器
http://weslly.github.io/ColorPicker

【Clipboard History】

shift + ctrl + v 剪切板歷史記錄
https://github.com/Jimbly/SublimeClipboardHistory

【CTags】

函數跳轉

其他插件

【javascript & Nodejs Snippets】
快捷編碼，可通過 ctrl + shift + p 輸入snippets查看

【Can I Use】
兼容性檢查
http://timkl.xyz/sublime-text-caniuse

【FileDiffs】
文件比較
https://github.com/colinta/SublimeFileDiffs

【Colorcoder】
高亮所有變量

【MarkdownEditing】
markdown編輯支持
mdi + tab 插入圖片
mdl + tab 生成鏈接
https://github.com/mdesantis/MarkdownEditing

【OmniMarkupPreviewer】
預覽markdown
Ctrl+Alt+O: Preview Markup in Browser.
Ctrl+Alt+X: Export Markup as HTML.
Ctrl+Alt+C: Copy Markup as HTML.
https://github.com/timonwong/OmniMarkupPreviewer

【PackageResourceViewer】

查看和編輯SublimeText附帶的不同的包
https://github.com/skuroda/PackageResourceViewer

【soda-theme】

編碼主題，Setting user里添加 “theme”: “Soda Light 3.sublime-theme”
http://buymeasoda.github.io/soda-theme

Hex to HSL：自動轉換顏色值
JsMinifier：自動壓縮js文件
YUI Compressor：壓縮JS和CSS文件
SFTP：直接編輯 FTP 或 SFTP 服務器上的文件
ftpsync：FTP ssh上傳配置，安裝成功配置host即可
ActualVim：使用vim

5. 其他

5.1 修改默認字體

修改Settings - User