設(shè)置sublime text2/3中默認(rèn)預(yù)覽瀏覽器快捷鍵的方法

各位前端大神們，大家在用IDE編輯器的時(shí)候喜歡用哪些呢？是Dreamweaver、Zend Studio、editplus又或者是sublime text？今天馬浩周給大家就要說(shuō)說(shuō)設(shè)置sublime text2/3中默認(rèn)預(yù)覽瀏覽器快捷鍵的方法了，可能你早都設(shè)置了，（設(shè)置好的自動(dòng)忽略）。此篇文章講給sublime text的使用新手們。

我們?yōu)槭裁匆O(shè)置默認(rèn)的預(yù)覽瀏覽器呢？因?yàn)楦闱岸说亩贾溃阍陬A(yù)覽的時(shí)候不可能只預(yù)覽一個(gè)瀏覽器，可能需要多個(gè)，當(dāng)然今天我們舉例中會(huì)說(shuō)道谷歌瀏覽器Chrome，IE瀏覽器Internet Explorer，火狐瀏覽器Firefox；為什么選擇這三個(gè)呢？因?yàn)樗麄兙褪俏覀冏畛Ｓ玫臑g覽器啦。別說(shuō)你沒(méi)有用過(guò)！

先科（an）普（li）一下sublime text：（取自百科）

Sublime Text 是一個(gè)代碼編輯器（Sublime Text 2是收費(fèi)軟件，但可以無(wú)限期試用），也是HTML和散文先進(jìn)的文本編輯器。Sublime Text是由程序員Jon Skinner于2008年1月份所開(kāi)發(fā)出來(lái)，它最初被設(shè)計(jì)為一個(gè)具有豐富擴(kuò)展功能的Vim。
Sublime Text具有漂亮的用戶(hù)界面和強(qiáng)大的功能，例如代碼縮略圖，Python的插件，代碼段等。還可自定義鍵綁定，菜單和工具欄。Sublime Text 的主要功能包括：拼寫(xiě)檢查，書(shū)簽，完整的 Python API ， Goto 功能，即時(shí)項(xiàng)目切換，多選擇，多窗口等等。Sublime Text 是一個(gè)跨平臺(tái)的編輯器，同時(shí)支持Windows、Linux、Mac OS X等操作系統(tǒng)。

1：打開(kāi)sublime text；

2：點(diǎn)擊》“首選項(xiàng)”——“按鍵綁定-用戶(hù)”如下圖，你看到的是一個(gè)空白的頁(yè)面：（漢化版本）

（點(diǎn)擊》“Preferences”——“Key Bindings—User”出現(xiàn)一個(gè)空白頁(yè)面：英文版本）

3：把下面的代碼復(fù)制，粘貼進(jìn)去；

[//ie{"keys": ["f12"],"command": "side_bar_files_open_with","args": {"paths": [],"application": "C:/Program Files/Internet Explorer/iexplore.exe","extensions": ".*"}},//chorme{"keys": ["alt+f12"],"command": "side_bar_files_open_with","args": {"paths": [],"application": "C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe","extensions": ".*"}}]

4：點(diǎn)擊file菜單，點(diǎn)擊save保存。

       不過(guò)不要以為這么簡(jiǎn)單就完了，你知道上面的代碼說(shuō)了些什么嗎？為什么就設(shè)置好了呢？是不是有人照著做完后發(fā)現(xiàn)，自己設(shè)置的還是沒(méi)有起到作用呢？哈哈，那就對(duì)了，讓馬浩周給你講解一下這段代碼你要注意和明白哪些吧！

"keys": ["f12"],

keys：表示快捷鍵，即 F12 可以啟動(dòng)ie瀏覽器進(jìn)行預(yù)覽。當(dāng)然你可以設(shè)置你喜歡的鍵，可以給出幾個(gè)常用按鍵：alt+F12、ctrl+F12；

"application": "C:/Program Files/Internet Explorer/iexplore.exe",

application：表示瀏覽器所在的安裝路徑，只有路徑配置正確，才能夠正常調(diào)用瀏覽器。而上面的這個(gè)路徑是本人電腦上的瀏覽器路徑。什么？你的瀏覽器路徑是什么？我Tm怎么知道呢？自己不會(huì)動(dòng)手看下自己電腦上的瀏覽器路徑?。?/span>找到正確的路徑覆蓋我的路徑就可以了。

可以細(xì)心的程序猿們已經(jīng)發(fā)現(xiàn)，我在設(shè)置兩個(gè)瀏覽器的時(shí)候的路徑寫(xiě)法不同，一種是用斜杠“/”另一種是用雙反斜杠“\\”，其實(shí)這兩種寫(xiě)法都是正確的，不過(guò)如果你寫(xiě)成一個(gè)反斜杠“\”那就是錯(cuò)誤滴！因?yàn)樵赪indows系統(tǒng)中:反斜杠\，在windows系統(tǒng)中用來(lái)表示目錄。正斜杠/代表網(wǎng)址、Url地址。而在sublime text中斜杠“/”和雙反斜杠“\\”是一個(gè)用途的。（扯的有點(diǎn)遠(yuǎn)了~）

還有一個(gè)問(wèn)題，如果你要添加多個(gè)瀏覽器怎么辦，其實(shí)還是一樣的方法，代碼也是一樣的，只是設(shè)置按鍵和路徑的問(wèn)題了，這里拿火狐來(lái)舉例：

// firefox{ "keys": ["f3"], "command": "side_bar_files_open_with","args": {"paths": [],"application": "D:/Program Files/Mozilla Firefox/firefox.exe","extensions":".*"}}

這樣就添加成功了。就這么簡(jiǎn)單。還是一樣，修改你的鍵和修改你的正確瀏覽器地址。到這里，設(shè)置sublime text2/3中默認(rèn)預(yù)覽瀏覽器快捷鍵的方法馬浩周就已經(jīng)都傳授于你了！下面這些是看一送二（我整理了一些sublime text的快捷鍵和常用插件），拿好，不謝，請(qǐng)叫我紅領(lǐng)巾！

Sublime Text快捷鍵：

• Ctrl+Shift+P：打開(kāi)命令面板

• Ctrl+P：搜索項(xiàng)目中的文件

• Ctrl+G：跳轉(zhuǎn)到第幾行

• Ctrl+W：關(guān)閉當(dāng)前打開(kāi)文件

• Ctrl+Shift+W：關(guān)閉所有打開(kāi)文件

• Ctrl+Shift+V：粘貼并格式化

• Ctrl+D：選擇單詞，重復(fù)可增加選擇下一個(gè)相同的單詞

• Ctrl+L：選擇行，重復(fù)可依次增加選擇下一行

• Ctrl+Shift+L：選擇多行

• Ctrl+Shift+Enter：在當(dāng)前行前插入新行

• Ctrl+X：刪除當(dāng)前行

• Ctrl+M：跳轉(zhuǎn)到對(duì)應(yīng)括號(hào)

• Ctrl+U：軟撤銷(xiāo)，撤銷(xiāo)光標(biāo)位置

• Ctrl+J：選擇標(biāo)簽內(nèi)容

• Ctrl+F：查找內(nèi)容

• Ctrl+Shift+F：查找并替換

• Ctrl+H：替換

• Ctrl+R：前往 method

• Ctrl+N：新建窗口

• Ctrl+K+B：開(kāi)關(guān)側(cè)欄

• Ctrl+Shift+M：選中當(dāng)前括號(hào)內(nèi)容，重復(fù)可選著括號(hào)本身

• Ctrl+F2：設(shè)置/刪除標(biāo)記

• Ctrl+/：注釋當(dāng)前行

• Ctrl+Shift+/：當(dāng)前位置插入注釋

• Ctrl+Alt+/：塊注釋?zhuān)ocus到首行，寫(xiě)注釋說(shuō)明用的

• Ctrl+Shift+A：選擇當(dāng)前標(biāo)簽前后，修改標(biāo)簽用的

• F11：全屏

• Shift+F11：全屏免打擾模式，只編輯當(dāng)前文件

• Alt+F3：選擇所有相同的詞

• Alt+.：閉合標(biāo)簽

• Alt+Shift+數(shù)字：分屏顯示

• Alt+數(shù)字：切換打開(kāi)第N個(gè)文件

• Shift+右鍵拖動(dòng)：光標(biāo)多不，用來(lái)更改或插入列內(nèi)容

• 鼠標(biāo)的前進(jìn)后退鍵可切換Tab文件

• 按Ctrl，依次點(diǎn)擊或選取，可需要編輯的多個(gè)位置

• 按Ctrl+Shift+上下鍵，可替換行

安裝常用插件：Ctrl+Shift+P（菜單 – Tools – Command Paletter），輸入 install 選中Install Package并回車(chē)，輸入或選擇你需要的插件回車(chē)就安裝了（注意左下角的小文字變化，會(huì)提示安裝成功），安裝其它插件也是這個(gè)方法，非?？焖?。

• ZenCoding
  不得不用的一款前端開(kāi)發(fā)方面的插件，Write less , show more.安裝后可直接使用，Tab鍵觸發(fā)，Alt+Shift+W是個(gè)代碼機(jī)器。

• Alignment
  代碼對(duì)齊，如寫(xiě)幾個(gè)變量，選中這幾行，Ctrl+Alt+A，哇，齊了。

• Prefixr
  寫(xiě) CSS可自動(dòng)添加 -webkit 等私有詞綴，Ctrl+Alt+X觸發(fā)。

• Tag
  Html格式化，右鍵Auto-Format Tags on Ducument。

• Clipboard History
  剪貼板歷史記錄，顯示更多歷史復(fù)制，Ctrl+Shift+V觸發(fā)。

• SideBarEnhancements
  側(cè)欄右鍵功能增強(qiáng)，非常實(shí)用

• Theme – Soda
  完美的編碼主題，用過(guò)的都說(shuō)好，Setting user里面添加”theme”: “Soda Dark.sublime-theme”

• GBK to UTF8
  將文件編碼從GBK轉(zhuǎn)黃成UTF8，菜單 – File里面找

• SFTP
  直接編輯 FTP 或 SFTP 服務(wù)器上的文件，絕對(duì)FTP浮云

• WordPress
  集成一些WordPress的函數(shù)，對(duì)于像我這種經(jīng)常要寫(xiě)WP模版和插件的人特別有用

• PHPTidy
  整理排版PHP代碼

• YUI Compressor
  壓縮JS和CSS文件

好了，設(shè)置sublime text2/3中默認(rèn)預(yù)覽瀏覽器快捷鍵的方法到這里就真的完了。如果你也正需要這個(gè)方法，可以試試哦，如果設(shè)置出現(xiàn)問(wèn)題，可以第一時(shí)間聯(lián)系我，我會(huì)盡我所能的幫助你完成sublime text的設(shè)置。如果遇到無(wú)法解決的問(wèn)題，馬浩周覺(jué)得作為一個(gè)程序猿/前端工程師，你要有這種精神————