新聞發(fā)布
管理系統(tǒng)各位前端大神們，大家在用IDE編輯器的時候喜歡用哪些呢？是Dreamweaver、Zend Studio、editplus又或者是sublime text？今天給大家就要說說設置sublime text2/3中默認預覽瀏覽器快捷鍵的方法了，可能你早都設置了，（設置好的自動忽略）。此篇文章講給sublime text的使用新手們。
我們?yōu)槭裁匆O置默認的預覽瀏覽器呢？因為搞前端的都知道，你在預覽的時候不可能只預覽一個瀏覽器，可能需要多個，當然今天我們舉例中會說道谷歌瀏覽器Chrome，IE瀏覽器Internet%20Explorer，火狐瀏覽器Firefox；為什么選擇這三個呢？因為他們就是我們常用的瀏覽器啦。別說你沒有用過！
先科（an）普（li）一下sublime text：（取自百科）
Sublime Text 是一個代碼編輯器（Sublime Text 2是收費軟件，但可以無限期試用），也是HTML和散文先進的文本編輯器。Sublime Text是由程序員Jon Skinner于2008年1月份所開發(fā)出來，它初被設計為一個具有豐富擴展功能的Vim。
Sublime Text具有漂亮的用戶界面和強大的功能，例如代碼縮略圖，Python的插件，代碼段等。還可自定義鍵綁定，菜單和工具欄。Sublime Text 的主要功能包括：拼寫檢查，書簽，完整的 Python API ， Goto 功能，即時項目切換，多選擇，多窗口等等。Sublime Text 是一個跨平臺的編輯器，同時支持Windows、Linux、Mac OS X等操作系統(tǒng)。
1：打開sublime text；
2：點擊》“首選項”——“按鍵綁定-用戶”如下圖，你看到的是一個空白的頁面：（漢化版本）
（點擊》“Preferences”——“Key Bindings—User”出現(xiàn)一個空白頁面：英文版本）
3：把下面的代碼復制，粘貼進去；
[ //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：點擊file菜單，點擊save保存。
不過不要以為這么簡單就完了，你知道上面的代碼說了些什么嗎？為什么就設置好了呢？是不是有人照著做完后發(fā)現(xiàn)，自己設置的還是沒有起到作用呢？哈哈，那就對了，給你講解一下這段代碼你要注意和明白哪些吧！
"keys": ["f12"],
keys：表示快捷鍵，即 F12 可以啟動ie瀏覽器進行預覽。當然你可以設置你喜歡的鍵，可以給出幾個常用按鍵：alt+F12、ctrl+F12；
"application": "C:/Program Files/Internet Explorer/iexplore.exe",
application：表示瀏覽器所在的安裝路徑，只有路徑配置正確，才能夠正常調用瀏覽器。而上面的這個路徑是本人電腦上的瀏覽器路徑。什么？你的瀏覽器路徑是什么？我Tm怎么知道呢？自己不會動手看下自己電腦上的瀏覽器路徑啊？找到正確的路徑覆蓋我的路徑就可以了。
可以細心的程序猿們已經發(fā)現(xiàn)，我在設置兩個瀏覽器的時候的路徑寫法不同，一種是用斜杠“/”另一種是用雙反斜杠“//”，其實這兩種寫法都是正確的，不過如果你寫成一個反斜杠“/”那就是錯誤滴！因為在Windows系統(tǒng)中:反斜杠/，在windows系統(tǒng)中用來表示目錄。正斜杠/代表網址、Url地址。而在sublime text中斜杠“/”和雙反斜杠“//”是一個用途的。（扯的有點遠了~）
還有一個問題，如果你要添加多個瀏覽器怎么辦，其實還是一樣的方法，代碼也是一樣的，只是設置按鍵和路徑的問題了，這里拿火狐來舉例：
// firefox { "keys": ["f3"], "command": "side_bar_files_open_with", "args": { "paths": [], "application": "D:/Program Files/Mozilla Firefox/firefox.exe", "extensions":".*" } }
這樣就添加成功了。就這么簡單。還是一樣，修改你的鍵和修改你的正確瀏覽器地址。到這里，設置sublime text2/3中默認預覽瀏覽器快捷鍵的方法馬浩周就已經都傳授于你了！下面這些是看一送二（我整理了一些sublime text的快捷鍵和常用插件），拿好，不謝，請叫我紅領巾！
Sublime Text快捷鍵： Ctrl+Shift+P：打開命令面板 Ctrl+P：搜索項目中的文件 Ctrl+G：跳轉到第幾行 Ctrl+W：關閉當前打開文件 Ctrl+Shift+W：關閉所有打開文件 Ctrl+Shift+V：粘貼并格式化 Ctrl+D：選擇單詞，重復可增加選擇下一個相同的單詞 Ctrl+L：選擇行，重復可依次增加選擇下一行 Ctrl+Shift+L：選擇多行 Ctrl+Shift+Enter：在當前行前插入新行 Ctrl+X：刪除當前行 Ctrl+M：跳轉到對應括號 Ctrl+U：軟撤銷，撤銷光標位置 Ctrl+J：選擇標簽內容 Ctrl+F：查找內容 Ctrl+Shift+F：查找并替換 Ctrl+H：替換 Ctrl+R：前往 method Ctrl+N：新建窗口 Ctrl+K+B：開關側欄 Ctrl+Shift+M：選中當前括號內容，重復可選著括號本身 Ctrl+F2：設置/刪除標記 Ctrl+/：注釋當前行 Ctrl+Shift+/：當前位置插入注釋 Ctrl+Alt+/：塊注釋，并Focus到首行，寫注釋說明用的 Ctrl+Shift+A：選擇當前標簽前后，修改標簽用的 F11：全屏 Shift+F11：全屏免打擾模式，只編輯當前文件 Alt+F3：選擇所有相同的詞 Alt+.：閉合標簽 Alt+Shift+數(shù)字：分屏顯示 Alt+數(shù)字：切換打開第N個文件 Shift+右鍵拖動：光標多不，用來更改或插入列內容 鼠標的前進后退鍵可切換Tab文件 按Ctrl，依次點擊或選取，可需要編輯的多個位置 按Ctrl+Shift+上下鍵，可替換行
安裝常用插件：Ctrl+Shift+P（菜單 – Tools – Command Paletter），輸入 install 選中Install Package并回車，輸入或選擇你需要的插件回車就安裝了（注意左下角的小文字變化，會提示安裝成功），安裝其它插件也是這個方法，非?？焖?。
ZenCoding
不得不用的一款前端開發(fā)方面的插件，Write less , show more.安裝后可直接使用，Tab鍵觸發(fā)，Alt+Shift+W是個代碼機器。 Alignment
代碼對齊，如寫幾個變量，選中這幾行，Ctrl+Alt+A，哇，齊了。 Prefixr
寫 CSS可自動添加 -webkit 等私有詞綴，Ctrl+Alt+X觸發(fā)。 Tag
Html格式化，右鍵Auto-Format Tags on Ducument。 Clipboard History
剪貼板歷史記錄，顯示更多歷史復制，Ctrl+Shift+V觸發(fā)。 SideBarEnhancements
側欄右鍵功能增強，非常實用 Theme – Soda
完美的編碼主題，用過的都說好，Setting user里面添加”theme”: “Soda Dark.sublime-theme” GBK to UTF8
將文件編碼從GBK轉黃成UTF8，菜單 – File里面找 SFTP
直接編輯 FTP 或 SFTP 服務器上的文件，絕對FTP浮云 WordPress
集成一些WordPress的函數(shù)，對于像我這種經常要寫WP模版和插件的人特別有用 PHPTidy
整理排版PHP代碼 YUI Compressor
壓縮JS和CSS文件
好了，設置sublime text2/3中默認預覽瀏覽器快捷鍵的方法到這里就真的完了。如果你也正需要這個方法，可以試試哦，如果設置出現(xiàn)問題，可以第一時間聯(lián)系我，我會盡我所能的幫助你完成sublime text的設置。如果遇到無法解決的問題，馬浩周覺得作為一個程序猿/前端工程師，你要有這種精神————
