sublime是我們前端開發(fā)非常常用的編輯工具趟紊,今天來給大家分享10個應(yīng)用技巧和訣竅嘉冒。
1) 選擇
以下是一些Sublime Text選擇文本的快捷鍵:
Command + D
選中一個單詞Command + L
選中一行Command + A
全選
Ctrl + Command + M` 選中括號內(nèi)所有內(nèi)容 (編寫CSS或JS時非常實用)
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
鍵再點擊想選中的行Command + Ctrl + G
(選中部分文本時) 按此鍵選中所有相同文本Command + D
(選中部分文本時) 直接選中下一次出現(xiàn)的該文本
2) CSS排序
CSS屬性的順序一般不重要聊替,因為無論何種順序瀏覽器都能正確渲染小泉。但排序所有的屬性還是有助于代碼的整潔曼库。在Sublime Text中禀酱,選中CSS屬性后按F5
就可以按字母順序排序。
也可以使用 CSSComb 等第三方插件涛救,更詳細的控制排序的方法畏邢。
3) 命令面板(Command Palette)
使用命令面板可以快速完成多重任務(wù)。按Command + Shift + P
調(diào)出面板检吆,鍵入需要的命令即可舒萎。看以下的幾個示例:
▼ 重命名文件
▼ 設(shè)置文件為HTML語法
▼ 插入代碼片段
4) 切換標簽頁與工程
在同時打開多個標簽頁時蹭沛,可以用以下的熱鍵切換:
Command + T
列出所有的標簽頁Command + Shift + ]
下一標簽頁Command + Shift + [
上一標簽頁Command + Ctrl + P
切換側(cè)邊欄顯示的工程
5) 拼寫檢查
如果你經(jīng)常使用Sublime Text從事英文創(chuàng)作臂寝,那么啟用拼寫檢查就非常有用處了。選擇Preferences > Settings – User
菜單摊灭,添加以下代碼:
? ? ? ?? ??
"spell_check": true,
6) 跨文件編輯
同一個編輯操作可以在多個文件中同時重復(fù)咆贬。舉個例子,多個文件中有同一段代碼時帚呼,可用以下的步驟快速編輯:
按
Command + Shift + F
在Find
框中輸入待查找的代碼掏缎。可按Command + E
快速使用選擇中的代碼段煤杀。在
Where
框中指定需要查找的文件范圍眷蜈,或填寫<open files>
表示查找目前打開的文件。在
Replace
框中輸入要替換成的代碼怜珍,按Replace
按鈕批量替換端蛆。
7) 文件爬蟲
按Command + R
可以列出文檔中所有的CSS選擇器∷址海可以選擇并立刻跳轉(zhuǎn)查看。這個操作比使用一般的“查找”功能快得多嫌拣。
8) 更換主題
Sublime Text的外觀主題可以更換柔袁。Soda Theme就是一個不錯的主題,可以在包管理器中安裝异逐。
如果要安裝的主題并不在在線軟件倉庫中捶索,也可以手動安裝:
下載并解壓縮主題包
點擊菜單
Preferences > Browse Packages…
把主題文件夾復(fù)制到
Packages
文件夾中.點擊菜單
Preferences > Settings – Users
并加入以下代碼:"theme": "Soda Light.sublime-theme"
9) 更換Sublime Text程序圖標
不僅主題可以更換,圖標也可以灰瞻。在Dribbble上有大量重新設(shè)計的Sublime Text精美圖標腥例。更換方法:
下載一個圖標辅甥,有.icns
格式的最好。如果沒有燎竖,用iConvert轉(zhuǎn)換之璃弄。
終端執(zhí)行:
open /Applications/Sublime\ Text.app/Contents/Resources/
替換Sublime Text 3.icns
或Sublime Text 2.icns
文件。
8) 增強側(cè)邊欄
SideBarEnhancements插件有效地改進了Sublime Text的側(cè)邊欄构回。安裝插件后在側(cè)邊欄上點擊右鍵夏块,可以找到一下新功能:在資源管理器中打開、新建文件纤掸、新建文件夾脐供、以…打開、在瀏覽器中打開借跪。
注:在瀏覽器中打開的熱鍵是F12
政己。
你還知道哪些sublime的技巧嗎?歡迎你來留言哦掏愁!