前端編輯器:Sublime2安裝指南

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

01.安裝sublime

sublime的下載鏈接點這里

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

解壓后的文件夾

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

就會看到這樣的

打開sublime軟件文件夾

選sublimetext_2.0.2.2217_XiaZaiBa.exe安裝,是sublime2,我選擇了sublime2,不是sublime3,因為sublime3還沒成熟,很多插件不能用,當然你想選sublime3也可以,有些安裝插件的細節會不一樣,我只介紹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文件的數值數據中,就完成了。

填進ab文件的數值數據中

注意,這句

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

sublime的源程序路徑

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

04.默認已經安裝了的插件

裝了我這個版本的sublime以后,默認的已經裝了packagecontrol、和SideBarEnhancements了。

查看安裝上的插件在這里
  • package control:sublime的管理插件的工具,管理工具,添加、更新、下載插件。如何你發現要是安裝的那個出現問題,彈出錯誤的彈框,可以卸載掉原來安裝的,重新手動安裝,可以看看這篇文章。《如何安裝Package Control》。這個軟件默認自帶的packagecontrol是中文的,可能看著會不習慣,安裝出現問題可以留言,我再看看要不要更新這塊怎么安裝的部分

  • SideBarEnhancements:是一個可以自定義打開方式快捷鍵的工具包。它可以定義不同的快捷鍵打開不同的瀏覽器。這個有空再說。先空著。這個插件目前只能手動安裝,如果你是跟我一樣用的sublime2的話,它是不能用packagecontrol安裝的,所以我的這個sublime安裝版本正好幫你安裝好了。你是不是想要sublime也和Dreamweaver一樣按F12就可以瀏覽器預覽呢,就是用這個插件實現的,不過要設置快捷鍵才行,這個有空我再補充。

05.安裝emmet插件

這個插件幾乎是前端必備的一個插件,肯定是要裝的,它有什么用呢,就是讓你快速編寫代碼,可以看看這篇文章你就明白了為什么必須要裝這個插件。《前端開發必備!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強大的功能,可以看上面這篇《前端開發必備!Emmet使用手冊》

06.修改自定義的快捷鍵

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

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

打開按鍵綁定-用戶

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

{"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就是全部替換,但是沒有跳選下一個。

所以兩個方法你自己權衡使用吧。然后要是不用了,就按“ESC”鍵退出。

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

怎么刪呢,打開這里

按鍵綁定-默認

找到下面的代碼,把它刪掉,保存。

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

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

999.等待更新目錄:

代碼格式化的插件,自動調節代碼縮進,更方便閱讀。

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

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

  • PlainTasks
    杰出的待辦事項表!所有的任務都保持在文件中,所以可以很方便的把任務和項目綁定在一起??梢詣摻椖?,貼標簽,設置日期。有競爭力的用戶界面和快捷鍵。

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

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

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,001評論 6 537
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,786評論 3 423
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事?!?“怎么了?”我有些...
    開封第一講書人閱讀 176,986評論 0 381
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,204評論 1 315
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,964評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,354評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,410評論 3 444
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,554評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,106評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,918評論 3 356
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,093評論 1 371
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,648評論 5 362
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,342評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,755評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,009評論 1 289
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,839評論 3 395
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,107評論 2 375

推薦閱讀更多精彩內容

  • Sublime Text:一款具有代碼高亮、語法提示、自動完成且反應快速的編輯器軟件,不僅具有華麗的界面,還支持插...
    xiaotao123閱讀 9,509評論 0 27
  • Sublime Text:一款具有代碼高亮、語法提示、自動完成且反應快速的編輯器軟件,不僅具有華麗的界面,還支持插...
    追風逸少丶閱讀 11,340評論 1 34
  • Sublime Text:一款具有代碼高亮、語法提示、自動完成且反應快速的編輯器軟件,不僅具有華麗的界面,還支持插...
    晚晴幽草閱讀 711,101評論 149 1,114
  • http://www.lxweimin.com/p/25cdc7d608bb 1.下載Sublime Text:ht...
    b2e16cc43137閱讀 1,514評論 0 0
  • 2017.10.4(225~28/99)(焦點分享85) 一張鈔票的故事,讓我想到生命的價值。說是在一次演...
    方正省閱讀 698評論 2 6