前端開(kāi)發(fā)不可不知的10個(gè)Sublime Text應(yīng)用技巧

sublime是我們前端開(kāi)發(fā)非常常用的編輯工具,今天來(lái)給大家分享10個(gè)應(yīng)用技巧和訣竅。
1) 選擇
以下是一些Sublime Text選擇文本的快捷鍵:
- Command + D 選中一個(gè)單詞
 - Command + L 選中一行
 - Command + A 全選
Ctrl + Command + M` 選中括號(hào)內(nèi)所有內(nèi)容 (編寫(xiě)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(wú)論何種順序?yàn)g覽器都能正確渲染。但排序所有的屬性還是有助于代碼的整潔。在Sublime Text中,選中CSS屬性后按F5就可以按字母順序排序。

也可以使用 CSSComb 等第三方插件,更詳細(xì)的控制排序的方法。
3) 命令面板(Command Palette)
使用命令面板可以快速完成多重任務(wù)。按Command + Shift + P調(diào)出面板,鍵入需要的命令即可??匆韵碌膸讉€(gè)示例:
▼ 重命名文件

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

▼ 插入代碼片段

4) 切換標(biāo)簽頁(yè)與工程
在同時(shí)打開(kāi)多個(gè)標(biāo)簽頁(yè)時(shí),可以用以下的熱鍵切換:
- Command + T 列出所有的標(biāo)簽頁(yè)
 - Command + Shift + ] 下一標(biāo)簽頁(yè)
 - Command + Shift + [ 上一標(biāo)簽頁(yè)
 - Command + Ctrl + P 切換側(cè)邊欄顯示的工程
 
5) 拼寫(xiě)檢查
如果你經(jīng)常使用Sublime Text從事英文創(chuàng)作,那么啟用拼寫(xiě)檢查就非常有用處了。選擇Preferences > Settings – User菜單,添加以下代碼:
"spell_check": true,
6) 跨文件編輯
同一個(gè)編輯操作可以在多個(gè)文件中同時(shí)重復(fù)。舉個(gè)例子,多個(gè)文件中有同一段代碼時(shí),可用以下的步驟快速編輯:
- 按Command + Shift + F在Find框中輸入待查找的代碼??砂碈ommand + E快速使用選擇中的代碼段。
 - 在Where框中指定需要查找的文件范圍,或填寫(xiě)<open files>表示查找目前打開(kāi)的文件。
 - 在Replace框中輸入要替換成的代碼,按Replace按鈕批量替換。
 

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

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

如果要安裝的主題并不在在線軟件倉(cāng)庫(kù)中,也可以手動(dòng)安裝:
- 下載并解壓縮主題包
 - 點(diǎn)擊菜單 Preferences > Browse Packages…
 - 把主題文件夾復(fù)制到Packages文件夾中.
 - 點(diǎn)擊菜單 Preferences > Settings – Users 并加入以下代碼:"theme": "Soda Light.sublime-theme"
 
9) 更換Sublime Text程序圖標(biāo)
不僅主題可以更換,圖標(biāo)也可以。在Dribbble上有大量重新設(shè)計(jì)的Sublime Text精美圖標(biāo)。更換方法:
下載一個(gè)圖標(biāo),有.icns格式的最好。如果沒(méi)有,用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)擊右鍵,可以找到一下新功能:在資源管理器中打開(kāi)、新建文件、新建文件夾、以…打開(kāi)、在瀏覽器中打開(kāi)。

注:在瀏覽器中打開(kāi)的熱鍵是F12。















 
 
 









 
 
 
 