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

各位前端大神們厂画,大家在用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":".*"

}

}

]

4:點擊file菜單,點擊save保存囤捻。

不過不要以為這么簡單就完了臼朗,你知道上面的代碼說了些什么嗎邻寿?為什么就設(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è)置。如果遇到無法解決的問題脚翘,馬浩周覺得作為一個程序猿/前端工程師,你要有這種精神————

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末绍哎,一起剝皮案震驚了整個濱河市来农,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌崇堰,老刑警劉巖沃于,帶你破解...
    沈念sama閱讀 217,542評論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異海诲,居然都是意外死亡繁莹,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,822評論 3 394
  • 文/潘曉璐 我一進店門特幔,熙熙樓的掌柜王于貴愁眉苦臉地迎上來咨演,“玉大人,你說我怎么就攤上這事蚯斯”》纾” “怎么了零院?”我有些...
    開封第一講書人閱讀 163,912評論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長村刨。 經(jīng)常有香客問我告抄,道長,這世上最難降的妖魔是什么嵌牺? 我笑而不...
    開封第一講書人閱讀 58,449評論 1 293
  • 正文 為了忘掉前任打洼,我火速辦了婚禮,結(jié)果婚禮上逆粹,老公的妹妹穿的比我還像新娘募疮。我一直安慰自己,他們只是感情好僻弹,可當我...
    茶點故事閱讀 67,500評論 6 392
  • 文/花漫 我一把揭開白布阿浓。 她就那樣靜靜地躺著,像睡著了一般蹋绽。 火紅的嫁衣襯著肌膚如雪芭毙。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,370評論 1 302
  • 那天卸耘,我揣著相機與錄音退敦,去河邊找鬼。 笑死蚣抗,一個胖子當著我的面吹牛侈百,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播翰铡,決...
    沈念sama閱讀 40,193評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼钝域,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了锭魔?” 一聲冷哼從身側(cè)響起例证,我...
    開封第一講書人閱讀 39,074評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎赂毯,沒想到半個月后战虏,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,505評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡党涕,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,722評論 3 335
  • 正文 我和宋清朗相戀三年烦感,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片膛堤。...
    茶點故事閱讀 39,841評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡手趣,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情绿渣,我是刑警寧澤朝群,帶...
    沈念sama閱讀 35,569評論 5 345
  • 正文 年R本政府宣布,位于F島的核電站中符,受9級特大地震影響姜胖,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜淀散,卻給世界環(huán)境...
    茶點故事閱讀 41,168評論 3 328
  • 文/蒙蒙 一右莱、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧档插,春花似錦慢蜓、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,783評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至则剃,卻和暖如春耘柱,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背忍级。 一陣腳步聲響...
    開封第一講書人閱讀 32,918評論 1 269
  • 我被黑心中介騙來泰國打工帆谍, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人轴咱。 一個月前我還...
    沈念sama閱讀 47,962評論 2 370
  • 正文 我出身青樓,卻偏偏與公主長得像烈涮,于是被迫代替她去往敵國和親朴肺。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,781評論 2 354

推薦閱讀更多精彩內(nèi)容