最近重裝了下sublime,順便寫篇安裝指南,本文的所有內容僅適用于我的這個sublime的版本(下面有下載鏈接),這個版本漢化的比較厲害。
01.安裝sublime
sublime的下載鏈接點這里
下載完,解壓縮后就會看到這樣的
sublime插件文件夾等下說,先打開【sublime軟件】的文件夾
就會看到這樣的
選sublimetext_2.0.2.2217_XiaZaiBa.exe安裝,是sublime2,我選擇了sublime2,不是sublime3,因為sublime3還沒成熟,很多插件不能用,當然你想選sublime3也可以,有些安裝插件的細節會不一樣,我只介紹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文件的數值數據中,就完成了。
注意,這句
"C:\Program Files\Sublime Text\SublimeText.exe" -p --remote-tab-silent "%1" 中的"C:\Program Files\Sublime Text\SublimeText.exe"這句每個人都不一樣,在這里看。
在桌面上的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文件夾和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”
就會找到html文件中所有的checkbox,然后你比如說想要選中第一個checkbox,和第三個checkbox,把它改成radio,那么你就可以按快捷鍵了,按住"ctrl+d",就是選中下一個,"ctrl+shift+d"就是跳過下一個。來回的試試吧。個人覺得這個快捷鍵非常必要要會的。
當然還有種辦法,你學會了以后可以試試看按“ctrl+h”,就會跳出這樣的,看下面
find這個按鍵一直按,就會一直選中下一個,findall這個按鍵按一下,就會選中全部,然后在replace with的地方填寫要改的單詞,比如radio,再按一下replace就替換好了,replace all就是全部替換,但是沒有跳選下一個。
所以兩個方法你自己權衡使用吧。然后要是不用了,就按“ESC”鍵退出。
另外一個注意的是,雖然菜單欄中首選項-【按鍵綁定-用戶】比【按鍵綁定-默認】優先級要高,不過既然設置了用戶自定義的快捷鍵,默認文件的快捷鍵,多余了就刪掉吧。
怎么刪呢,打開這里
找到下面的代碼,把它刪掉,保存。
{ "keys": [“ctrl+k”,"ctrl+shift+d"], "command": "find_under_expand_skip" },
稍后另開一篇文章我會介紹別的常用插件,今天先這樣。
999.等待更新目錄:
bracket highlighter
高亮提示代碼閉合的插件,看看這篇文章《sublime中BracketHighlighter插件高亮設置方法》。要是裝了沒高亮,可以看看這個討論話題,《Bracket Highlighter插件怎么使用》
代碼格式化的插件,自動調節代碼縮進,更方便閱讀。
AutoFileName
自動補全文件路徑-非常方便。沒有廢話。ColorPicker
通常,如果我們需要一個調色盤的時候,我們習慣使用Photoshop或是Gimp。但是一個完整的選色工具可以直接在你的編輯器中使用- Ctrl/Cmd + Shift + C。還有兩個插件 GutterColor 和 ColorHighlightergutter可以在gutter中顯示很棒的色彩高亮,簡化了色彩代碼的定位。PlainTasks
杰出的待辦事項表!所有的任務都保持在文件中,所以可以很方便的把任務和項目綁定在一起??梢詣摻椖?,貼標簽,設置日期。有競爭力的用戶界面和快捷鍵。Alignment – Package Control作者寫的簡單到極致的多行選擇和多行選擇對齊插件。
SublimeCodeIntel
代碼提示插件SublimeCodeIntel這個插件還是比較不錯的,不過最好針對某個語言安裝插件比如Python的自動提示插件Jedi-Python autocompletion。