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

10年積累的成都做網(wǎng)站、網(wǎng)站制作、成都外貿(mào)網(wǎng)站建設(shè)經(jīng)驗，可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識你，你也不認(rèn)識我。但先網(wǎng)站策劃后付款的網(wǎng)站建設(shè)流程，更有行唐免費網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

我們?yōu)槭裁匆O(shè)置默認(rèn)的預(yù)覽瀏覽器呢？因為搞前端的都知道，你在預(yù)覽的時候不可能只預(yù)覽一個瀏覽器，可能需要多個，當(dāng)然今天我們舉例中會說道谷歌瀏覽器Chrome，IE瀏覽器Internet Explorer，火狐瀏覽器Firefox；為什么選擇這三個呢？因為他們就是我們最常用的瀏覽器啦。別說你沒有用過！

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

Sublime Text 是一個代碼編輯器（Sublime Text 2是收費軟件，但可以無限期試用），也是HTML和散文先進(jìn)的文本編輯器。Sublime Text是由程序員Jon Skinner于2008年1月份所開發(fā)出來，它最初被設(shè)計為一個具有豐富擴(kuò)展功能的Vim。
Sublime Text具有漂亮的用戶界面和強(qiáng)大的功能，例如代碼縮略圖，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：把下面的代碼復(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：點擊file菜單，點擊save保存。

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

"keys": ["f12"],

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

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

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

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

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

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

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

Sublime Text快捷鍵：

• Ctrl+Shift+P：打開命令面板

• Ctrl+P：搜索項目中的文件

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

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

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

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

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

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

• Ctrl+Shift+L：選擇多行

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

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

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

• Ctrl+U：軟撤銷，撤銷光標(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：開關(guān)側(cè)欄

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

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

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

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

• Ctrl+Alt+/：塊注釋，并Focus到首行，寫注釋說明用的

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

• F11：全屏

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

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

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

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

• Alt+數(shù)字：切換打開第N個文件

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

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

• 按Ctrl，依次點擊或選取，可需要編輯的多個位置

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

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

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

• Alignment
  代碼對齊，如寫幾個變量，選中這幾行，Ctrl+Alt+A，哇，齊了。

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

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

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

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

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

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

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

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

• PHPTidy
  整理排版PHP代碼

• YUI Compressor
  壓縮JS和CSS文件

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

本文題目：設(shè)置sublimetext2/3中默認(rèn)預(yù)覽瀏覽器快捷鍵的方法
轉(zhuǎn)載注明：http://jinyejixie.com/article32/jdoipc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供商城網(wǎng)站、網(wǎng)站營銷、品牌網(wǎng)站設(shè)計、手機(jī)網(wǎng)站建設(shè)、微信小程序、服務(wù)器托管

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)