前端開發(fā)有哪些Sublime Text應(yīng)用技巧

這篇文章主要講解了“前端開發(fā)有哪些Sublime Text應(yīng)用技巧”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“前端開發(fā)有哪些Sublime Text應(yīng)用技巧”吧！

1) 選擇

以下是一些Sublime Text選擇文本的快捷鍵：

• Command + D 選中一個(gè)單詞

• Command + L 選中一行

• Command + A 全選
  Ctrl + Command + M` 選中括號(hào)內(nèi)所有內(nèi)容 (編寫CSS或JS時(shí)非常實(shí)用)

Sublime  Text還支持一次選中多行的操作：Furthermore, Sublime Text brings lets us select  multiple lines at once, which can significantly boost your productivity.  There are several ways to perform this feature:

• Command 按住Command鍵再點(diǎn)擊想選中的行

• Command + Ctrl + G (選中部分文本時(shí)) 按此鍵選中所有相同文本

• Command + D (選中部分文本時(shí)) 直接選中下一次出現(xiàn)的該文本

2) CSS排序

CSS屬性的順序一般不重要，因?yàn)闊o論何種順序?yàn)g覽器都能正確渲染。但排序所有的屬性還是有助于代碼的整潔。在Sublime Text中，選中CSS屬性后按F5就可以按字母順序排序。

也可以使用 CSSComb 等第三方插件，更詳細(xì)的控制排序的方法。

3) 命令面板（Command Palette）

使用命令面板可以快速完成多重任務(wù)。按Command + Shift + P調(diào)出面板，鍵入需要的命令即可?？匆韵碌膸讉€(gè)示例：

▼ 重命名文件

▼ 設(shè)置文件為HTML語法

▼ 插入代碼片段

4) 切換標(biāo)簽頁與工程

在同時(shí)打開多個(gè)標(biāo)簽頁時(shí)，可以用以下的熱鍵切換：

• Command + T 列出所有的標(biāo)簽頁

• Command + Shift + ] 下一標(biāo)簽頁

• Command + Shift + [ 上一標(biāo)簽頁

• Command + Ctrl + P 切換側(cè)邊欄顯示的工程

5) 拼寫檢查

如果你經(jīng)常使用Sublime Text從事英文創(chuàng)作，那么啟用拼寫檢查就非常有用處了。選擇Preferences > Settings – User菜單，添加以下代碼：

"spell_check": true,

6) 跨文件編輯

同一個(gè)編輯操作可以在多個(gè)文件中同時(shí)重復(fù)。舉個(gè)例子，多個(gè)文件中有同一段代碼時(shí)，可用以下的步驟快速編輯：

1. 按Command + Shift + F在Find框中輸入待查找的代碼。可按Command + E快速使用選擇中的代碼段。

2. 在Where框中指定需要查找的文件范圍，或填寫<open files>表示查找目前打開的文件。

3. 在Replace框中輸入要替換成的代碼，按Replace按鈕批量替換。

7) 文件爬蟲

按Command + R可以列出文檔中所有的CSS選擇器?？梢赃x擇并立刻跳轉(zhuǎn)查看。這個(gè)操作比使用一般的“查找”功能快得多。

8) 更換主題

Sublime Text的外觀主題可以更換。Soda Theme就是一個(gè)不錯(cuò)的主題，可以在包管理器中安裝。

如果要安裝的主題并不在在線軟件倉庫中，也可以手動(dòng)安裝：

1. 下載并解壓縮主題包

2. 點(diǎn)擊菜單 Preferences > Browse Packages&hellip;

3. 把主題文件夾復(fù)制到Packages文件夾中.

4. 點(diǎn)擊菜單 Preferences > Settings &ndash; Users 并加入以下代碼："theme": "Soda Light.sublime-theme"

9) 更換Sublime Text程序圖標(biāo)

不僅主題可以更換，圖標(biāo)也可以。在Dribbble上有大量重新設(shè)計(jì)的Sublime Text精美圖標(biāo)。更換方法：

下載一個(gè)圖標(biāo)，有.icns格式的最好。如果沒有，用iConvert轉(zhuǎn)換之。

終端執(zhí)行：

open /Applications/Sublime\ Text.app/Contents/Resources/

替換Sublime Text 3.icns或Sublime Text 2.icns文件。

8) 增強(qiáng)側(cè)邊欄

SideBarEnhancements插件有效地改進(jìn)了Sublime Text的側(cè)邊欄。安裝插件后在側(cè)邊欄上點(diǎn)擊右鍵，可以找到一下新功能：在資源管理器中打開、新建文件、新建文件夾、以&hellip;打開、在瀏覽器中打開。

注：在瀏覽器中打開的熱鍵是F12。

感謝各位的閱讀，以上就是“前端開發(fā)有哪些Sublime Text應(yīng)用技巧”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對(duì)前端開發(fā)有哪些Sublime Text應(yīng)用技巧這一問題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！