最近重裝了下sublime,順便寫篇安裝指南,本文的所有內(nèi)容僅適用于我的這個sublime的版本(下面有下載鏈接)扣汪,這個版本漢化的比較厲害。
01.安裝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_text.exe澳厢,然后右鍵復制,然后找到桌面囚似,看看你剛才安裝好的剩拢,sublime2,將復制的那份破解包覆蓋掉安裝好的sublime的原文件,怎么做呢饶唤,看我截圖:
上圖是安裝好的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ù)中废菱,就完成了。
注意抖誉,這句
"C:\Program Files\Sublime Text\SublimeText.exe" -p --remote-tab-silent "%1" 中的"C:\Program Files\Sublime Text\SublimeText.exe"這句每個人都不一樣殊轴,在這里看。
在桌面上的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文件夾和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”
就會找到html文件中所有的checkbox秒裕,然后你比如說想要選中第一個checkbox袱蚓,和第三個checkbox,把它改成radio几蜻,那么你就可以按快捷鍵了喇潘,按住"ctrl+d"辟躏,就是選中下一個啄寡,"ctrl+shift+d"就是跳過下一個。來回的試試吧陌宿。個人覺得這個快捷鍵非常必要要會的弧烤。
當然還有種辦法忱屑,你學會了以后可以試試看按“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.等待更新目錄:
bracket highlighter
高亮提示代碼閉合的插件佛南,看看這篇文章《sublime中BracketHighlighter插件高亮設(shè)置方法》。要是裝了沒高亮嵌言,可以看看這個討論話題,《Bracket Highlighter插件怎么使用》
代碼格式化的插件嗅回,自動調(diào)節(jié)代碼縮進,更方便閱讀摧茴。
AutoFileName
自動補全文件路徑-非常方便绵载。沒有廢話。ColorPicker
通常蓬蝶,如果我們需要一個調(diào)色盤的時候,我們習慣使用Photoshop或是Gimp猜惋。但是一個完整的選色工具可以直接在你的編輯器中使用- Ctrl/Cmd + Shift + C丸氛。還有兩個插件 GutterColor 和 ColorHighlightergutter可以在gutter中顯示很棒的色彩高亮,簡化了色彩代碼的定位著摔。PlainTasks
杰出的待辦事項表缓窜!所有的任務(wù)都保持在文件中,所以可以很方便的把任務(wù)和項目綁定在一起谍咆『檀福可以創(chuàng)建項目,貼標簽摹察,設(shè)置日期恩掷。有競爭力的用戶界面和快捷鍵。Alignment – Package Control作者寫的簡單到極致的多行選擇和多行選擇對齊插件供嚎。
SublimeCodeIntel
代碼提示插件SublimeCodeIntel這個插件還是比較不錯的黄娘,不過最好針對某個語言安裝插件比如Python的自動提示插件Jedi-Python autocompletion峭状。