代碼編輯器或者文本編輯器,對於程序員來說,就像劍與戰士一樣,誰都想擁有一把可以隨心駕馭且鋒利無比的寶劍,而每一位程序員,同樣會去追求最適合自己的強大、靈活的編輯器,相信你和我一樣,都不會例外。下面就說說提高開發效率的 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 全屏模式