前端編輯器:Sublime2安裝指南

最近重裝了下sublime,順便寫篇安裝指南,本文的所有內(nèi)容僅適用于我的這個sublime的版本(下面有下載鏈接)扣汪,這個版本漢化的比較厲害。

01.安裝sublime

sublime的下載鏈接點這里

下載完,解壓縮后就會看到這樣的

解壓后的文件夾

sublime插件文件夾等下說,先打開【sublime軟件】的文件夾

就會看到這樣的

打開sublime軟件文件夾

選sublimetext_2.0.2.2217_XiaZaiBa.exe安裝唆樊,是sublime2,我選擇了sublime2刻蟹,不是sublime3逗旁,因為sublime3還沒成熟,很多插件不能用舆瘪,當然你想選sublime3也可以痢艺,有些安裝插件的細節(jié)會不一樣,我只介紹sublime2的哈介陶,sorry。

安裝界面

點擊安裝色建,你也可以選擇自己想要的安裝路徑哺呜,我就裝C盤了。

安裝完成后運行sublime2會跳出這個彈窗箕戳,這是更新提醒的彈窗某残。

更新提醒的彈窗

sublime是收費的軟件,所以沒付錢每次打開這個軟件就會跳出這個更新提醒的彈窗陵吸,特別煩玻墅,下一步我們看看想辦法把這個彈窗永久的去掉。

02.去除更新彈窗

回到這里壮虫,下面這個文件夾

sublime文件夾

打開sublime綠色包這個文件夾

sublime綠色包

將這個文件解壓縮后打開

破解包

找到sublime_text.exe澳厢,然后右鍵復制,然后找到桌面囚似,看看你剛才安裝好的剩拢,sublime2,將復制的那份破解包覆蓋掉安裝好的sublime的原文件,怎么做呢饶唤,看我截圖:

sublime2

上圖是安裝好的sublime在桌面上徐伐,選中它然后鼠標右鍵,選擇屬性募狂。就會彈出下面的面板

sublime Text屬性面板

點擊【打開文件位置】這個按鈕办素,就會彈出下面的sublime安裝的文件夾

sublime安裝的文件夾

找到SublimeText.exe,將那個復制好的sublime的破解版exe覆蓋掉它祸穷,就好了性穿。

然后再重啟下sublime看看,是不是不會再彈出更新提示了粱哼。

注意季二,破解包的sublime_text.exe和源程序的SublimeText.exe名字不一樣,你把破解包的sublime_text.exe給改成SublimeText.exe就好了。

03.添加sublime右鍵菜單

什么是右鍵菜單呢胯舷,看下圖刻蚯,就是這個

右鍵菜單

有了這個右鍵菜單,比如你打開abc.php你就能選中這個php文件桑嘶,然后右鍵選擇Edit with Sublime2就可以用sublime打開來編輯了炊汹。

那么怎么做呢,看下面

開始--》運行--》regedit

運行面板

點擊確定逃顶,然后會跳出下面的界面

注冊表編輯器

按照下面寫的來讨便,找到HKEY_CLASSES_ROOT底下的*文件夾,然后是shell文件夾以政,然后新建項命名為Edit with Sublime2霸褒,然后在其下面再新建項command。
[HKEY_CLASSES_ROOT*\shell\Edit with Sublime2\command]
修改里頭的ab文件盈蛮,將下面這段
"C:\Program Files\Sublime Text\SublimeText.exe" -p --remote-tab-silent "%1" 填進ab文件的數(shù)值數(shù)據(jù)中废菱,就完成了。

填進ab文件的數(shù)值數(shù)據(jù)中

注意抖誉,這句

"C:\Program Files\Sublime Text\SublimeText.exe" -p --remote-tab-silent "%1" 中的"C:\Program Files\Sublime Text\SublimeText.exe"這句每個人都不一樣殊轴,在這里看。

sublime的源程序路徑

在桌面上的sublime的程序上選中袒炉,然后鼠標右鍵選擇屬性旁理,就可以看見,這個路徑了我磁。

04.默認已經(jīng)安裝了的插件

裝了我這個版本的sublime以后孽文,默認的已經(jīng)裝了packagecontrol、和SideBarEnhancements了夺艰。

查看安裝上的插件在這里
  • package control:sublime的管理插件的工具叛溢,管理工具,添加劲适、更新楷掉、下載插件。如何你發(fā)現(xiàn)要是安裝的那個出現(xiàn)問題霞势,彈出錯誤的彈框烹植,可以卸載掉原來安裝的,重新手動安裝愕贡,可以看看這篇文章草雕。《如何安裝Package Control》。這個軟件默認自帶的packagecontrol是中文的固以,可能看著會不習慣墩虹,安裝出現(xiàn)問題可以留言嘱巾,我再看看要不要更新這塊怎么安裝的部分

  • SideBarEnhancements:是一個可以自定義打開方式快捷鍵的工具包。它可以定義不同的快捷鍵打開不同的瀏覽器诫钓。這個有空再說旬昭。先空著。這個插件目前只能手動安裝菌湃,如果你是跟我一樣用的sublime2的話问拘,它是不能用packagecontrol安裝的,所以我的這個sublime安裝版本正好幫你安裝好了惧所。你是不是想要sublime也和Dreamweaver一樣按F12就可以瀏覽器預覽呢骤坐,就是用這個插件實現(xiàn)的,不過要設(shè)置快捷鍵才行下愈,這個有空我再補充纽绍。

05.安裝emmet插件

這個插件幾乎是前端必備的一個插件,肯定是要裝的势似,它有什么用呢顶岸,就是讓你快速編寫代碼,可以看看這篇文章你就明白了為什么必須要裝這個插件叫编。《前端開發(fā)必備!Emmet使用手冊》霹抛。另外還有一篇GIF動圖演示的Emmet語法搓逾,看這篇Emmet:HTML/CSS代碼快速編寫神器》。

怎么安裝呢杯拐,回到這里:

解壓后的文件夾

打開【sublime插件】這個文件夾霞篡,找到【emmet插件.rar】,打開

emmet插件.rar

將里面的emmet文件夾和pyV8文件夾

emmet和pyV8

拷貝到sublime的首選項-瀏覽程序包里。

打開sublime程序端逼,在菜單欄的首選項-瀏覽程序包

首選項-瀏覽程序包

單擊[瀏覽程序包]就會看見下面的文件夾

瀏覽程序包里的插件

將emmet和pyV8這個文件夾復制到這里面朗兵,然后重新啟動一下sublime。測試下emmet是不是安裝成功了顶滩。

怎么測試呢余掖,就是新建一個abc.html,然后輸入一個英文字符的“礁鲁!”盐欺,按下tab鍵,是不是會跳出這樣的仅醇,就算成功了冗美。

測試是否成功

emmet插件安裝就算完成了,具體怎么用好emmet強大的功能析二,可以看上面這篇《前端開發(fā)必備粉洼!Emmet使用手冊》节预。

06.修改自定義的快捷鍵

有個快捷鍵是非常必要要用的,就是多行選中同一個單詞属韧,然后可以跳著選安拟,然后批量修改這個單詞。

打開sublime挫剑,在菜單欄中-首選項-【按鍵綁定-用戶】去扣,打開

打開按鍵綁定-用戶

里面是空的,只有一對[]方括號樊破。你可以在[]方括號里面填上下面這段設(shè)置快捷鍵的代碼愉棱,然后保存,就好了

{"keys": ["ctrl+d"], "command": "find_under_expand" },
{ "keys": ["ctrl+shift+d"], "command": "find_under_expand_skip" }

我這個快捷鍵的意思是哲戚,按住"ctrl+d"奔滑,就是選中下一個,"ctrl+shift+d"就是跳過下一個顺少。

怎么用呢朋其,打開一個編輯好的html文件,然后按住"ctrl+shift+I"脆炎,sublime下面就會跳出一個編輯框梅猿,看下面的圖

多選的編輯框

舉個栗子哈,比如我輸入“checkbox”

輸入checkbox

就會找到html文件中所有的checkbox秒裕,然后你比如說想要選中第一個checkbox袱蚓,和第三個checkbox,把它改成radio几蜻,那么你就可以按快捷鍵了喇潘,按住"ctrl+d"辟躏,就是選中下一個啄寡,"ctrl+shift+d"就是跳過下一個。來回的試試吧陌宿。個人覺得這個快捷鍵非常必要要會的弧烤。

當然還有種辦法忱屑,你學會了以后可以試試看按“ctrl+h”,就會跳出這樣的,看下面

按ctrl+h后的界面

find這個按鍵一直按暇昂,就會一直選中下一個想幻,findall這個按鍵按一下,就會選中全部话浇,然后在replace with的地方填寫要改的單詞脏毯,比如radio,再按一下replace就替換好了,replace all就是全部替換幔崖,但是沒有跳選下一個食店。

所以兩個方法你自己權(quán)衡使用吧渣淤。然后要是不用了,就按“ESC”鍵退出吉嫩。

另外一個注意的是价认,雖然菜單欄中首選項-【按鍵綁定-用戶】比【按鍵綁定-默認】優(yōu)先級要高,不過既然設(shè)置了用戶自定義的快捷鍵自娩,默認文件的快捷鍵用踩,多余了就刪掉吧。

怎么刪呢忙迁,打開這里

按鍵綁定-默認

找到下面的代碼脐彩,把它刪掉,保存姊扔。

{ "keys": [“ctrl+k”,"ctrl+shift+d"], "command": "find_under_expand_skip" }惠奸,

稍后另開一篇文章我會介紹別的常用插件,今天先這樣恰梢。

999.等待更新目錄:

代碼格式化的插件嗅回,自動調(diào)節(jié)代碼縮進,更方便閱讀摧茴。

  • AutoFileName
    自動補全文件路徑-非常方便绵载。沒有廢話。

  • ColorPicker
    通常蓬蝶,如果我們需要一個調(diào)色盤的時候,我們習慣使用Photoshop或是Gimp猜惋。但是一個完整的選色工具可以直接在你的編輯器中使用- Ctrl/Cmd + Shift + C丸氛。還有兩個插件 GutterColorColorHighlightergutter可以在gutter中顯示很棒的色彩高亮,簡化了色彩代碼的定位著摔。

  • PlainTasks
    杰出的待辦事項表缓窜!所有的任務(wù)都保持在文件中,所以可以很方便的把任務(wù)和項目綁定在一起谍咆『檀福可以創(chuàng)建項目,貼標簽摹察,設(shè)置日期恩掷。有競爭力的用戶界面和快捷鍵。

  • Alignment – Package Control作者寫的簡單到極致的多行選擇和多行選擇對齊插件供嚎。

  • SublimeCodeIntel
    代碼提示插件SublimeCodeIntel這個插件還是比較不錯的黄娘,不過最好針對某個語言安裝插件比如Python的自動提示插件Jedi-Python autocompletion峭状。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市逼争,隨后出現(xiàn)的幾起案子优床,更是在濱河造成了極大的恐慌,老刑警劉巖誓焦,帶你破解...
    沈念sama閱讀 217,907評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件胆敞,死亡現(xiàn)場離奇詭異,居然都是意外死亡杂伟,警方通過查閱死者的電腦和手機移层,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,987評論 3 395
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來稿壁,“玉大人幽钢,你說我怎么就攤上這事「凳牵” “怎么了匪燕?”我有些...
    開封第一講書人閱讀 164,298評論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長喧笔。 經(jīng)常有香客問我帽驯,道長,這世上最難降的妖魔是什么书闸? 我笑而不...
    開封第一講書人閱讀 58,586評論 1 293
  • 正文 為了忘掉前任尼变,我火速辦了婚禮,結(jié)果婚禮上浆劲,老公的妹妹穿的比我還像新娘嫌术。我一直安慰自己,他們只是感情好牌借,可當我...
    茶點故事閱讀 67,633評論 6 392
  • 文/花漫 我一把揭開白布度气。 她就那樣靜靜地躺著,像睡著了一般膨报。 火紅的嫁衣襯著肌膚如雪磷籍。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,488評論 1 302
  • 那天现柠,我揣著相機與錄音院领,去河邊找鬼。 笑死够吩,一個胖子當著我的面吹牛比然,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播周循,決...
    沈念sama閱讀 40,275評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼谈秫,長吁一口氣:“原來是場噩夢啊……” “哼扒寄!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起拟烫,我...
    開封第一講書人閱讀 39,176評論 0 276
  • 序言:老撾萬榮一對情侶失蹤该编,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后硕淑,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體课竣,經(jīng)...
    沈念sama閱讀 45,619評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,819評論 3 336
  • 正文 我和宋清朗相戀三年置媳,在試婚紗的時候發(fā)現(xiàn)自己被綠了于樟。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,932評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡拇囊,死狀恐怖迂曲,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情寥袭,我是刑警寧澤路捧,帶...
    沈念sama閱讀 35,655評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站传黄,受9級特大地震影響杰扫,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜膘掰,卻給世界環(huán)境...
    茶點故事閱讀 41,265評論 3 329
  • 文/蒙蒙 一章姓、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧识埋,春花似錦凡伊、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,871評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至辜纲,卻和暖如春笨觅,著一層夾襖步出監(jiān)牢的瞬間拦耐,已是汗流浹背耕腾。 一陣腳步聲響...
    開封第一講書人閱讀 32,994評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留杀糯,地道東北人扫俺。 一個月前我還...
    沈念sama閱讀 48,095評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像固翰,于是被迫代替她去往敵國和親狼纬。 傳聞我的和親對象是個殘疾皇子羹呵,可洞房花燭夜當晚...
    茶點故事閱讀 44,884評論 2 354

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

  • Sublime Text:一款具有代碼高亮、語法提示疗琉、自動完成且反應快速的編輯器軟件冈欢,不僅具有華麗的界面,還支持插...
    xiaotao123閱讀 9,494評論 0 27
  • Sublime Text:一款具有代碼高亮盈简、語法提示凑耻、自動完成且反應快速的編輯器軟件,不僅具有華麗的界面柠贤,還支持插...
    追風逸少丶閱讀 11,322評論 1 34
  • Sublime Text:一款具有代碼高亮香浩、語法提示、自動完成且反應快速的編輯器軟件臼勉,不僅具有華麗的界面邻吭,還支持插...
    晚晴幽草閱讀 710,990評論 149 1,114
  • http://www.reibang.com/p/25cdc7d608bb 1.下載Sublime Text:ht...
    b2e16cc43137閱讀 1,496評論 0 0
  • 2017.10.4(225~28/99)(焦點分享85) 一張鈔票的故事,讓我想到生命的價值宴霸。說是在一次演...
    方正省閱讀 695評論 2 6