各位前端大神們厂画,大家在用IDE編輯器的時候喜歡用哪些呢缕粹?是Dreamweaver、Zend Studio纸淮、editplus又或者是sublime text平斩?今天馬浩周給大家就要說說設(shè)置sublime text2/3中默認預覽瀏覽器快捷鍵的方法了,可能你早都設(shè)置了咽块,(設(shè)置好的自動忽略)绘面。此篇文章講給sublime text的使用新手們。
我們?yōu)槭裁匆O(shè)置默認的預覽瀏覽器呢侈沪?因為搞前端的都知道揭璃,你在預覽的時候不可能只預覽一個瀏覽器,可能需要多個亭罪,當然今天我們舉例中會說道谷歌瀏覽器Chrome瘦馍,IE瀏覽器Internet Explorer,火狐瀏覽器Firefox应役;為什么選擇這三個呢情组?因為他們就是我們最常用的瀏覽器啦。別說你沒有用過扛吞!
先科(an)普(li)一下sublime text:(取自百科)
Sublime Text 是一個代碼編輯器(Sublime Text 2是收費軟件呻惕,但可以無限期試用),也是HTML和散文先進的文本編輯器滥比。Sublime Text是由程序員Jon Skinner于2008年1月份所開發(fā)出來亚脆,它最初被設(shè)計為一個具有豐富擴展功能的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":".*"
}
}
]
不過不要以為這么簡單就完了臼朗,你知道上面的代碼說了些什么嗎邻寿?為什么就設(shè)置好了呢蝎土?是不是有人照著做完后發(fā)現(xiàn),自己設(shè)置的還是沒有起到作用呢绣否?哈哈誊涯,那就對了,讓馬浩周給你講解一下這段代碼你要注意和明白哪些吧蒜撮!
"keys": ["f12"],
keys:表示快捷鍵暴构,即 F12 可以啟動ie瀏覽器進行預覽。當然你可以設(shè)置你喜歡的鍵段磨,可以給出幾個常用按鍵:alt+F12取逾、ctrl+F12;
"application": "C:/Program Files/Internet Explorer/iexplore.exe",
application:表示瀏覽器所在的安裝路徑苹支,只有路徑配置正確砾隅,才能夠正常調(diào)用瀏覽器。而上面的這個路徑是本人電腦上的瀏覽器路徑债蜜。什么晴埂?你的瀏覽器路徑是什么?我Tm怎么知道呢寻定?自己不會動手看下自己電腦上的瀏覽器路徑叭迓濉?找到正確的路徑覆蓋我的路徑就可以了狼速。
可以細心的程序猿們已經(jīng)發(fā)現(xiàn)琅锻,我在設(shè)置兩個瀏覽器的時候的路徑寫法不同,一種是用斜杠“/”另一種是用雙反斜杠“\\”向胡,其實這兩種寫法都是正確的恼蓬,不過如果你寫成一個反斜杠“\”那就是錯誤滴!因為在Windows系統(tǒng)中:反斜杠\捷枯,在windows系統(tǒng)中用來表示目錄滚秩。正斜杠/代表網(wǎng)址、Url地址淮捆。而在sublime text中斜杠“/”和雙反斜杠“\\”是一個用途的郁油。(扯的有點遠了~)
還有一個問題本股,如果你要添加多個瀏覽器怎么辦,其實還是一樣的方法桐腌,代碼也是一樣的拄显,只是設(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中默認預覽瀏覽器快捷鍵的方法馬浩周就已經(jīng)都傳授于你了!下面這些是看一送二(我整理了一些sublime text的快捷鍵和常用插件)石挂,拿好博助,不謝,請叫我紅領(lǐng)巾痹愚!
Sublime Text快捷鍵:
Ctrl+Shift+P:打開命令面板
Ctrl+P:搜索項目中的文件
Ctrl+G:跳轉(zhuǎn)到第幾行
Ctrl+W:關(guān)閉當前打開文件
Ctrl+Shift+W:關(guān)閉所有打開文件
Ctrl+Shift+V:粘貼并格式化
Ctrl+D:選擇單詞富岳,重復可增加選擇下一個相同的單詞
Ctrl+L:選擇行,重復可依次增加選擇下一行
Ctrl+Shift+L:選擇多行
Ctrl+Shift+Enter:在當前行前插入新行
Ctrl+X:刪除當前行
Ctrl+M:跳轉(zhuǎn)到對應(yīng)括號
Ctrl+U:軟撤銷拯腮,撤銷光標位置
Ctrl+J:選擇標簽內(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:選中當前括號內(nèi)容窖式,重復可選著括號本身
Ctrl+F2:設(shè)置/刪除標記
Ctrl+/:注釋當前行
Ctrl+Shift+/:當前位置插入注釋
Ctrl+Alt+/:塊注釋,并Focus到首行动壤,寫注釋說明用的
Ctrl+Shift+A:選擇當前標簽前后萝喘,修改標簽用的
F11:全屏
Shift+F11:全屏免打擾模式,只編輯當前文件
Alt+F3:選擇所有相同的詞
Alt+.:閉合標簽
Alt+Shift+數(shù)字:分屏顯示
Alt+數(shù)字:切換打開第N個文件
Shift+右鍵拖動:光標多不狼电,用來更改或插入列內(nèi)容
鼠標的前進后退鍵可切換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
側(cè)欄右鍵功能增強冠胯,非常實用
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中默認預覽瀏覽器快捷鍵的方法到這里就真的完了亩进。如果你也正需要這個方法炭分,可以試試哦,如果設(shè)置出現(xiàn)問題缨叫,可以第一時間聯(lián)系我,我會盡我所能的幫助你完成sublime text的設(shè)置。如果遇到無法解決的問題脚翘,馬浩周覺得作為一個程序猿/前端工程師,你要有這種精神————