代碼編輯器之sublime text

時間 2019-11-10

原文原文鏈接

http://www.iplaysoft.com/sublimetext.htmlcss

1.特色：html

　　中文亂碼問題：另外，不少朋友反映表示打開中文會有亂碼，實際上是由於ST2自己只支持UTF-8編碼，而咱們常遇到的中文文件多是GBK或者 GB2312等編碼，解決方法是安裝一個 ConvertToUTF8 或者 GBK Encoding Support 插件便可完美解決，這個並非什麼大問題。前端

sublime text2代碼高亮文件類型修改辦法：git

在Data\Packages目錄下的文件類型目錄裏的文件類型語言文件，如XML\XML.tmlanguage。而後打開該文件，在<key>fileTypes</key>下面按照原來的例子添加新的文件類型保存可。github

而Sublime Text 3的目錄結構和2的不太同樣，使用2的方法就不行了。那麼有2中方法能夠實現，下面的其一方法在2中也可使用，不一樣是的下面的其二方法。api

其二：在Data\Packages\User目錄下手動生成一個名字叫XXX.sublime-settings的文件。XXX爲文件擴展名。瀏覽器

更換主題或配色方案：服務器

　　一款比較流行的主題 Theme - Soda，和安裝插件基本上同樣，使用 Package Control 進入 Install Package 的列表裏面找到它進行安裝便可。找到一些 ST2 的主題，下載回來放到安裝目錄的 Data\Packages 文件夾裏面，而後選擇切換主題。配色方案的操做也是相似。另外，SublimeText 還有很給力的一點，就是它能原生支持 TextMate 的 Bundle 和配色方案，一樣也是放在 Packages 文件夾裏便可使用。TextMate 的 Bundle 和配色方案資源都比較豐富，網上能夠找到很多。ide

　　Sublime Text 2 的快捷鍵還支持雙重組合，譬如默認狀況下，將選中的文字改爲大寫的熱鍵是「Ctrl+K, Ctrl+U」，意思是當你先按下 Ctrl+K 以後迅速再按 Ctrl+U 進行觸發（只按下Ctrl+K是沒有做用的），這樣能夠避免不少熱鍵衝突函數

Package Control（毫不可錯過的擴展包管理器）

經常使用到的就是幾個 Install Package (安裝擴展) 、List Packages (列出所有擴展)、Remove Package (移除擴展)、Upgrade Package (升級擴展)。

Package Control 主文件下載地址：https://github.com/wbond/sublime_package_control 此外，你還能夠在這裏看到 Web 版的擴展列表和詳細的說明（https://packagecontrol.io/）（這倆列表的數據應該是同步的。在截稿爲止 2012-7-8，這裏已經收集了482個擴展包了）使用 Ctrl+Shift+P 調用命令面板，輸入「Package Control: Install Package」(安裝擴展包)，在插件列表中選擇安裝「JsFormat」(能夠輸入字符過濾)，待提示成功以後即已完成安裝。隨便打開一個js文件（最好是換行、對齊特別凌亂的那種），按下 Ctrl+Shift+P 調用命令面板，你會發現已經多了一項命令叫作「Format: Javascript」，如圖：使用以後，你的代碼瞬間就變整齊了有木有！你也可使用這個插件的熱鍵「CTRL+ALT+F」進行整理（命令面板右方能夠看到）。並且 ST2 也開放了插件API，若是你有能力，也能夠試試開發一個，能夠參考這裏的API文檔（http://www.sublimetext.com/docs/2/api_reference.html）。

2.使用方法

1）.在當前項目中，快速搜索文件　　

　　搜索文件小技巧，在輸入文件路徑的時候，能夠/c/u/a/這樣的格式匹配來快速找到文件搜索到了2個結果，能夠按上下鍵來在多個結果中跳轉

2）.添加註釋
　　a. 添加塊註釋，相似於/* */用這種方法來添加的註釋同樣。
　　　　先選擇要註釋的內容，而後按 ctrl + /

　　b. 添加行註釋，把鼠標移到改行的任意位置，按ctrl + /便可

　　c. 取消單行註釋，鼠標位於已經註釋的行的任意位置，執行ctrl + /便可

　　d. 取消塊註釋
　　　　選擇要取消的內容，按ctrl + / 便可

　　e. 即取消註釋和添加註釋是逆操做
3）快速跳轉到指定的行
　　ctrl + g,而後輸入行號，enter就行。好比跳轉到第五行。或者ctrl + p,再輸入 :
4）搜索函數
　　按ctrl + r 或 ctrl + p ,在執行@。以後填寫要搜索的函數名

　　@ ：+數字跳到行數

5）隱藏菜單和顯示菜單欄　　

　　1. 隱藏菜單欄：view --> Hide Menu　　

　　2. 隱藏菜單欄後，要顯示菜單欄：　　　　i. 這是隱藏以後　　

　　3.隱藏以後顯示菜單欄按住Alt 鍵，菜單欄即會出現。鬆開後，則菜單欄就會消失。要永久顯示則是：按住Alt 鍵-- >view--> show Menu

6）選擇多行和修改多行：

　　鼠標選中多行，按下 Ctrl+Shift+L (Command+Shift+L) 便可同時編輯這些行；

　　鼠標選中文本，反覆按 CTRL+D (Command+D) 便可繼續向下同時選中下一個相同的文本進行同時編輯；

　　鼠標選中文本，按下 Alt +F3 (Win) 或 Ctrl+Command+G(Mac) 便可一次性選擇所有的相同文本進行同時編輯；

　　Shift+鼠標右鍵 (Win) 或 Option+鼠標左鍵 (Mac) 或使用鼠標中鍵能夠用鼠標進行豎向多行選擇；

　　Ctrl+鼠標左鍵(Win) 或 Command+鼠標左鍵(Mac) 能夠手動選擇同時要編輯的多處文本

7）Sublime Text主要快捷鍵列表：

Ctrl+L 選擇整行（按住-繼續選擇下行）
Ctrl+KK 從光標處刪除至行尾
Ctrl+Shift+K 刪除整行
Ctrl+Shift+D 複製光標所在整行，插入在該行以前
Ctrl+J 合併行（已選擇須要合併的多行時）
Ctrl+KU 改成大寫
Ctrl+KL 改成小寫
Ctrl+D 選詞（按住-繼續選擇下個相同的字符串）
Ctrl+M 光標移動至括號內開始或結束的位置
Ctrl+Shift+M 選擇括號內的內容（按住-繼續選擇父括號）
Ctrl+/ 註釋整行（如已選擇內容，同「Ctrl+Shift+/」效果）
Ctrl+Shift+/ 註釋已選擇內容
Ctrl+Z 撤銷
Ctrl+Y 恢復撤銷
Ctrl+M 光標跳至對應的括號
Alt+. 閉合當前標籤
Ctrl+Shift+A 選擇光標位置父標籤對兒
Ctrl+Shift+[ 摺疊代碼
Ctrl+Shift+] 展開代碼
Ctrl+KT 摺疊屬性
Ctrl+K0 展開全部
Ctrl+U 軟撤銷
Ctrl+T 詞互換
Tab 縮進自動完成
Shift+Tab 去除縮進
Ctrl+Shift+↑ 與上行互換
Ctrl+Shift+↓ 與下行互換
Ctrl+K Backspace 從光標處刪除至行首
Ctrl+Enter 光標後插入行
Ctrl+Shift+Enter 光標前插入行
Ctrl+F2 設置書籤
F2 下一個書籤
Shift+F2 上一個書籤

F11 和 Shift+F11 進入全屏免打擾模式

格式化代碼：alt+shift+f　本身設置的，選擇代碼後按此快捷鍵能夠格式化代碼。
打開剛剛關閉的窗口：ctrl+shift+T　　默認設置。
多處選擇相同的詞：Ctrl+D，回退選擇Ctrl+U　　默認設置，很是有用，能夠試試。
逐詞移動：Ctrl+左右鍵　　默認設置，直接按左右鍵是一個字母一個字母的移動。
顯示類和方法提綱：Ctrl+R　　默認設置，能夠很容易知道一個類中都有哪些方法。
顯示n個窗口：alt+shift+1，或者2,3...顯示n個窗口，例如寫css的時候，能夠一個窗口開html，一個窗口開css

8）推薦的部分插件：
Gits：能夠輕鬆集成 GitHub
SFTP：直接編輯 FTP 或 SFTP 服務器上的文件
ZenCoding：這貨對於前端的同窗來講不得了，能夠超快速編寫HTML文件 (視頻演示)
ConvertToUTF8：ST2只支持utf8編碼，該插件能夠顯示與編輯 GBK, BIG5, EUC-KR, EUC-JP, Shift_JIS 等編碼的文件
Clipboard History：剪切板歷史
WordPress：集成一些WordPress的函數，對於像我這種常常要寫WP模版和插件的人特別有用！
HtmlTidy：清理與排版你的HTML代碼
PHPTidy：整理與排版PHP代碼
YUI Compressor：壓縮JS和CSS文件

默認狀況下SublimeText不具有FTP的功能，你能夠考慮FTPSync。這是一個很是簡單的FTP同步工具，它能夠控制上傳目標的多重命名。

Emmet（譯者注：前身就是之前大名鼎鼎的Zen Coding，這個若是你沒據說和使用過，就悲哀了）是一個可讓你更快更高效地編寫HTML和CSS，節省你大量時間的插件。怎麼使用？你只需按約定的縮寫形式書寫而不用寫整個代碼，而後按「擴展」鍵，這些縮寫就會自動擴展爲對應的代碼內容。好比，你只須要輸入((h4>a[rel=external])+p>img[width=500 height=320])*12 ，而後它會被擴輾轉換成12個列表項和緊隨其後的圖像。而後你就能夠在此基礎上再填寫內容，就這麼簡單。

sublimeLinter最近才爲SublimeText3重建和發佈。新版本顯然帶來了不少新的有所不一樣的功能，而不是簡單地把全部的Linter 放在一個包中，開發者容許用戶在升級時選擇並安裝本身常用的Linter。很明顯，這能夠節省磁盤空間。「更多的定製」，這對用戶是很友好的。一個支持lint語法的插件，能夠高亮linter認爲有錯誤的代碼行，也支持高亮一些特別的註釋，好比「TODO」，這樣就能夠被快速定位。（IntelliJ IDEA的TODO功能很贊，這個插件雖然比不上，可是也夠用了吧）

SublimeEnhancements這個插件能夠給SublimeText的邊欄菜單帶來擴充的功能，包括：在當前工程文件夾中新建文件，移動文件或文件夾，產生文件或文件夾的副本，在新窗口或瀏覽器中打開，刷新等。這只是歸納地說，安裝後探索它更多的功能吧。

Git雖然名字看上去並不友好，但做爲開發者的你確定一眼就能明白它是幹什麼的。這個插件會將Git整合進你的SublimeText，使的你能夠在SublimeText中運行Git命令，包括添加，提交文件，查看日誌，文件註解以及其它Git功能。

DocBlockr 可使你很方便地對代碼創建文檔。它會解析函數，變量，和參數，根據它們自動生成文檔範式，你的工做就是去填充對應的說明。

Snippets你必定已經據說了，能夠幫你快速書寫代碼。但它不是像上面提到的插件那樣使用縮寫，它是重用代碼塊以節省您的時間。你甚至能夠建立本身的代碼段，這徹底取決於你本身。

FileDiffs這個插件容許你看到SublimeText中兩個不一樣文件的差別。你能夠比較的對象能夠是從剪貼板中複製的數據，或工程中的文件，當前打開的文件等。

colorpicker若是你常常要查看或設置顏色值，這個插件能夠很方便地調用你本機的調色板應用。（譯者擴充：）這是一個雙向的功能，你既能夠在調色板中選擇一個顏色，而後按「肯定」按鈕把該值填寫到 SublimeText 中活動文檔的當前位置，也能夠在活動文檔中選擇一個顏色的值，按此插件的快捷鍵就會在顯示的調色板中定位到該值所對應的顏色。

TrmmerTrimmer你知道當你編寫代碼時，因爲錯誤或別的某些緣由，會產生一些沒必要要的空格。須要注意的是多餘的空格有時也會形成錯誤。這個插件會自動刪除這些沒必要要的空格。