【Sublime Text3】sublime 推薦必備插件與常用快捷鍵說明


代碼編輯器或者文本編輯器,對於程序員來說,就像劍與戰士一樣,誰都想擁有一把可以隨心駕馭且鋒利無比的寶劍,而每一位程序員,同樣會去追求最適合自己的強大、靈活的編輯器,相信你和我一樣,都不會例外。下面就說說提高開發效率的 sublime 推薦必備插件介紹:

Sublime Text 3 插件集合 – sublime 推薦必備插件

 

soda-theme-master:Sublime Text 3 中較為常用的一款自定義編輯器主題,用過的人都說好。Soda Theme 包含代碼着色、標簽、圖標,擁有 light 和 dark 兩種顏色主題便於用戶在不同時間段使用。

ColorPicker:編輯 CSS 樣式的時候, ColorPicker 調色盤不僅可以查看顏色值,更可以輕松調好顏色。ColorPicker 同時還是一個雙向選擇顏色的功能,既可以在調色板中選好顏色將其使用至文檔中,也可以迅速定位文檔中的某一種顏色值到調色板中。快捷鍵:ctrl+shift+c;

Emmet: (前身是 Zen Coding)是一個前端開發不可缺少的插件,它讓編寫 HTML 和 CSS 代碼變得簡單,節省大量時間。Emmet 可使開發者用縮寫形式書寫代碼,再用“擴展”功能自動將代碼擴展至完整樣式。早在 2009 年,Zen Coding 作為具有革命性的 HTML 和 CSS 代碼編輯插件一經問世,直到現在幫助了無數的開發者,減少他們的時間,使得編寫代碼變得簡便有趣。現在,Emmet 已經超越了 Zen Coding 到達了更高層次,普適性的功能將給更多的開發者帶來便利。

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 等所有語言,是 Sublime Text 自帶代碼提示功能基礎上一個更好的擴展,自帶代碼提示功能只可提示系統代碼,而 SublimeCodeIntel 則可以提示用戶自定義代碼。SublimeCodeIntel 支持跳轉到變量、函數定義的功能,另外還有自動補全的功能,十分方便。

FileDiffs:插件可以讓開發者比較兩個不同文件的差異,比較的對象包括當前文件、另一文件、剪切板中的代碼甚至未保存文件等。

SublimeLinter:是少數幾個能在 sublime text 3 工作的代碼檢查插件,SublimeLinter 支持 JavaScript、CSS、HTML、Java、PHP、Python、Ruby 等十多種開發語言,但前提是需要配置相應語言的環境,要檢查 JavaScript 代碼需要安裝 node.js,檢查 PHP 代碼需要安裝 PHP 並配置環境等。SublimeLinter 可以及時提示編寫代碼中存在的不規范和錯誤的寫法,並培養我們良好的編碼習慣和風格。

Aligment 插件:讓開發者自動對齊代碼,包括 PHP、CSS、JavaScript 語言。使得代碼看起來更整齊美觀,更具可讀性。如寫幾個變量,選中這幾行,Ctrl+Alt+A,哇,齊了。

DocBlockr:注釋插件,生成幽美的注釋。標准的注釋,包括函數名、參數、返回值等,並以多行顯示,省去手動編寫。

ftpsync:FTP ssh 上傳配置,安裝成功配置一下 host 等就可以了!

SFTP 插件:主要功能就是通過 FTP/SFTP 連接遠程服務器並獲取文件列表,可以選擇下載編輯、重命名、刪除等等操作,點下載編輯之后,可以打開這個文件進行修改。修改完成之后,保存一下會自動上傳到遠程的服務器上面,使用這個插件之后,工作效率可以大大提高;

GBK to UTF8:將文件編碼從 GBK 轉黃成 UTF8,菜單 – File 里面找

WordPress:集成一些 WordPress 的函數,對於像我這種經常要寫 WP 模版和插件的人特別有用

PHPTidy:整理排版 PHP 代碼

YUI Compressor:壓縮 JS 和 CSS 文件

Ctags:函數跳轉,我的電腦上是 Alt+點擊 函數名稱,會跳轉到相應的函數

AutoPrefixer:私有前綴自動補全插件,寫 CSS 可自動添加 -webkit 等私有詞綴,Ctrl+Alt+X 觸發。

Tag:Html 格式化,HTML/XML 標簽縮進、補全、排版和校驗工具,右鍵 Auto-Format Tags on Ducument。一般是用 ctrl +Alt +F 觸發,若觸發不了,查看是不是 html 文件,是否選中,是否有快捷鍵沖突!

Clipboard History:剪貼板歷史記錄,顯示更多歷史復制,Ctrl+Shift+V 觸發。

SideBarEnhancements:側欄右鍵功能增強,非常實用

ChineseLocalizations:一種讓 sublime 漢化的插件

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

HTML-CSS-JS Prettify:使用說明:快速格式化 html css js;快捷鍵:ctrl+shift+h

SyncedSidebarBg:自動同步側邊欄底色為編輯窗口底色

Git:Git 幫助你與你的 Git repo 協議進行交互。它支持很多命令像 init, push, pull, branch, stash,等的。

GitGutter:這是一個小巧有用的插件,指示代碼中插入、修改、刪除的地方。它會告訴你自上次 git commit 以來已經改變的行。一個指示器顯示在行號的旁邊。

Gist:這個插件可以讓你拉你的 Gists,並把它們插入到你的文件。當你有一個 Gists,以啟動一個 HTML 文件或任何其他可重用的代碼時候,這是有用的。使用方法:打開命令面板,並且鍵入 gist。您也可以使用所顯示的快捷方式。

SidebarEnhancements:在側邊欄的文件上右擊時,這個插件提供了大量更多的選擇。打開,查找,復制和粘貼,等等。

JSFormat:Javascript 的代碼格式化插件

LESS:語法高亮插件

jQuery:jQ 函數提示,快捷輸入 jQ 函數,是偷懶的好方法

ConvertToUTF8:文件轉碼成 utf-8,通過本插件,您可以編輯並保存目前編碼不被 Sublime Text 支持的文件,特別是中日韓用戶使用的 GB2312,GBK,BIG5,EUC-KR,EUC-JP ,ANSI 等。ConvertToUTF8 同時支持 Sublime Text 2 和 3。安裝插件后自動轉換為 utf-8 格式

AutoFileName:快捷輸入文件名,自動完成文件名的輸入,如圖片選取,輸入”/”即可看到相對於本項目文件夾的其他文件

Nodejs:node 代碼提示;

IMESupport:sublime 中文輸入法,還在糾結 Sublime Text 中文輸入法不能跟隨光標嗎?試試「IMESupport 」這個插件吧!目前只支持 Windows,在搜索等界面不能很好的跟隨光標。使用:Ctrl + Shift + P →輸入 pci →輸入 IMESupport →回車。

Trailing spaces:檢測並一鍵去除代碼中多余的空格。還在糾結代碼中有多余的空格而顯得代碼不規范?或是有處女座情節?次插件幫你實現發現多余空格、一鍵刪除空格、保存時自動刪除多余空格,讓你的代碼規范清爽起來。使用:安裝插件並重啟,即可自動提示多余空格。一鍵刪除多余空格:CTRL+SHITF+T(需配置),更多配置請點擊標題。快捷鍵配置:在 Preferences / Key Bindings – User 加上代碼(數組內)

GBK Encoding Support:中文識別,Sublime Text 2 可識別 UTF-8 格式的中文,不識別 GBK 和 ANSI,因此打開很多含中文的文檔都會出現亂碼。可以通過安裝插件 GBK Support,來識別 GBK 和 ANSI。

Terminal 插件:在編程過程中,我們經常需要使用到命令行窗口,Terminal 插件可以允許在 Sublime Text 3 中打開 cmd 命令窗口,即可使用快捷鍵 Ctrl+Shift+T 呼出命令行窗口。

CssComb 插件:為 CSS 屬性進行排序和格式化插件。如發現它並不能運行,它依賴於 Node.js ,若您的計算機未安裝 NodeJS 環境,則安裝上。使用方法:菜單 Tools->Run CSScomb 或在 CSS 文件中按快捷鍵 Ctrl+Shift+C。

Sublime Tradsim :Tradsim 是一款能把中文的繁字體和簡體字互相轉換的插件,只支持 UTF-8 編碼,雖然覺得有點雞肋,但還是介紹出來給需要的朋友吧,安裝插件,因為插件包里沒快捷鍵文件,所以我們可以自定義一個。

MarkDown Editing :SublimeText 不僅僅是能夠查看和編輯 Markdown 文件,但它會視它們為格式很糟糕的純文本。這個插件通過適當的顏色高亮和其它功能來更好地完成這些任務。

插件下載鏈接沃森博客整理

sublime 相關文章,值得一看:https://github.com/kx13vip/sublime-text

Sublime Text 快捷鍵

強大的快捷鍵,提高你的編碼效率。

常用快捷鍵

  • CTRL+N:新建文件
  • CTRL+w:關閉文件
  • CTRL+O:打開文件
  • CTRL+Z:撤銷
  • CTRL+Y:撤銷還原
  • CTRL+F:查找
  • CTRL+H:替換
  • Esc:小工具窗口隱藏

 

編碼快捷鍵

  • Ctrl+Shift+P 打開命令面板,如設置編碼語言
  • Tab:縮進、自動完成
  • Shift+Tab 去除縮進
  • Ctrl+J 合並行(已選擇需要合並的多行時)
  • Ctrl+T 詞互換
  • Ctrl+U 軟撤銷
  • Ctrl+K Backspace 從光標處刪除至行首
  • Ctrl+KK 從光標處刪除至行尾
  • Ctrl+K+T 折疊屬性
  • Ctrl+K+U 改為大寫
  • Ctrl+K+L 改為小寫
  • Ctrl+K+0 展開所有
  • Ctrl+Enter 插入行后(快速換行)
  • Ctrl+Shift+/ 注釋已選擇內容
  • Ctrl+Shift+↑可以移動此行代碼,與上行互換
  • Ctrl+Shift+↓可以移動此行代碼,與下行互換
  • Ctrl+Shift+[ 折疊代碼
  • Ctrl+Shift+] 展開代碼
  • Ctrl+/ 注釋整行(如已選擇內容,同“Ctrl+Shift+/”效果)
  • Ctrl+Shift+A 選擇光標位置父標簽對兒
  • Ctrl+Shift+D 復制光標所在整行,插入在該行之前
  • Ctrl+Shift+K 刪除整行
  • Ctrl+Shift+L 鼠標選中多行(按下快捷鍵),即可同時編輯這些行
  • Ctrl+Shift+M 選擇括號內的內容(按住-繼續選擇父括號)
  • Ctrl+Shift+Enter 光標前插入行
  • Ctrl+PageDown 、Ctrl+PageUp 文件按開啟的前后順序切換
  • Ctrl+鼠標左鍵 可以同時選擇要編輯的多處文本
  • Shift+鼠標右鍵(或使用鼠標中鍵)可以用鼠標進行豎向多行選擇

 

查找快捷鍵

  • CTRL+P:查找當前項目中的文件和快速搜索,快速查找標簽位置
  • Ctrl+P 輸入 @ 查找文件主標題/函數;或輸入:跳轉到文件某行
  • CTRL+G:跳轉到指定行
  • CTRL+F:查找
  • Ctrl+D 選詞 (反復按快捷鍵,即可繼續向下同時選中下一個相同的文本進行同時編輯)
  • Ctrl+L 選擇整行(按住-繼續選擇下行)
  • Ctrl+M 光標移動至括號內開始或結束的位置
  • Ctrl+R 快速列出/跳轉到某個函數
  • ctrl+shift+F 在文件夾內查找,與普通編輯器不同的地方是 sublime 允許添加多個文件夾進行查找

其他快捷鍵

  • Ctrl+K+B 開啟/關閉側邊欄
  • Ctrl+Tab 當前窗口中的標簽頁切換
  • Ctrl+F2 設置書簽
  • Shift+F2 上一個書簽
  • 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 屏
  • Alt+. 閉合當前標簽
  • Alt+F3 選中文本按下快捷鍵,即可一次性選擇全部的相同文本進行同時編輯
  • Tab 縮進 自動完成
  • F2 下一個書簽
  • F6 檢測語法錯誤
  • F9 行排序(按 a-z)
  • F11 全屏模式

 


免責聲明!

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



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