电竞比分网-中国电竞赛事及体育赛事平台

分享

12個(gè)不可不知的Sublime Text應(yīng)用技巧和訣竅

 了然聽(tīng)雨 2015-04-30
目錄結(jié)構(gòu)

本文為您提供Sublime Text編輯器的12個(gè)技巧和訣竅,深入挖掘這個(gè)看似簡(jiǎn)潔的代碼編輯器,背后所隱藏的實(shí)現(xiàn)各種高級(jí)功能的無(wú)限可能。

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)的該文本

multi-line-selection

2) CSS排序

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

sorting-css

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

3) 命令面板(Command Palette)

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

▼ 重命名文件
rename-file

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

▼ 插入代碼片段
insert-snippet

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) 跨文件編輯

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

  1. Command + Shift + FFind框中輸入待查找的代碼??砂?code>Command + E快速使用選擇中的代碼段。
  2. Where框中指定需要查找的文件范圍,或填寫(xiě)<open files>表示查找目前打開(kāi)的文件。
  3. Replace框中輸入要替換成的代碼,按Replace按鈕批量替換。

find-search-fields

6) 文件爬蟲(chóng)

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

file-crawling

7) 拼寫(xiě)檢查

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

"spell_check": true,      

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

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

請(qǐng)輸入圖片描述

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

9) 更換主題

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

soda-theme

如果要安裝的主題并不在在線軟件倉(cāng)庫(kù)中,也可以手動(dòng)安裝:

  1. 下載并解壓縮主題包
  2. 點(diǎn)擊菜單 Preferences > Browse Packages…
  3. 把主題文件夾復(fù)制到Packages文件夾中.
  4. 點(diǎn)擊菜單 Preferences > Settings – Users 并加入以下代碼:"theme": "Soda Light.sublime-theme"

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

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

  1. 下載一個(gè)圖標(biāo),有.icns格式的最好。如果沒(méi)有,用iConvert轉(zhuǎn)換之。
  2. 終端執(zhí)行:open /Applications/Sublime\ Text.app/Contents/Resources/
  3. 替換Sublime Text 3.icnsSublime Text 2.icns文件。

sublime-text-icon

11) 同步選項(xiàng)

如果在多臺(tái)計(jì)算機(jī)上工作,同步選項(xiàng)設(shè)置應(yīng)該是一個(gè)好主意。我們借用Dropbox完成這一任務(wù)。

首先在終端中運(yùn)行以下命令上傳設(shè)置文件:

mkdir $HOME/Dropbox/sublime-text-3/  
mv "$HOME/Library/Application Support/Sublime Text 3/Packages" "$HOME/Dropbox/sublime-text-3/"  
mv "$HOME/Library/Application Support/Sublime Text 3/Installed Packages" "$HOME/Dropbox/sublime-text-3/"  

然后在所有需要同步的計(jì)算機(jī)上運(yùn)行以下命令下載設(shè)置:

DSTPATH="$HOME/Library/Application Support/Sublime Text 3"  
DROPBOX_PATH="$HOME/Dropbox/sublime-text-3"  
rm -rf "$DSTPATH/Installed Packages"  
rm -rf "$DSTPATH/Packages"  
mkdir -p "$DSTPATH"  
ln -s "$DROPBOX_PATH/Packages" "$DSTPATH/Packages"  
ln -s "$DROPBOX_PATH/Installed Packages" "$DSTPATH/Installed Packages"  

12) 可點(diǎn)擊的URL

使用小插件ClickableURLs可以讓文件中的URL能夠點(diǎn)擊。


原文:12 Most-Wanted Sublime Text Tips and Tricks

    本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點(diǎn)。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購(gòu)買等信息,謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊一鍵舉報(bào)。
    轉(zhuǎn)藏 分享 獻(xiàn)花(0

    0條評(píng)論

    發(fā)表

    請(qǐng)遵守用戶 評(píng)論公約

    類似文章 更多