在使用Sublime Text 3的時候避免不了要使用到插件,積累了一下,貼出來,持續(xù)更新中。。。
首先在安裝插件之前,我們一般需要安裝package control組件
在view->Show Console 調(diào)出console面板,粘貼以下代碼到命令行并回車
import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())
重啟Sublime Text 3。如果在Perferences->package settings中看到package control這一項,則安裝成功。
開始安裝
- 在線安裝
按下Ctrl+Shift+P調(diào)出命令面板,輸入Package control: install選擇Install Package 選項并回車,
再輸入你要安裝的插件名稱(例如sublime tmpl),然后在列表中選中要安裝的插件,單擊即可安裝,你回發(fā)現(xiàn)左下角就在顯示正在安裝,如果顯示successfull 就是安裝成功了。
安裝成功后一般在Perferences->package settings中可看到。
注:有些插件有可能在列表中搜索不到,你可以選擇手動安裝。
-
Sublime Text 插件官網(wǎng)下載安裝
進入安裝包官網(wǎng)]在搜索框里輸入你所需要的插件名稱,點擊進入插件的github頁面,點擊Details下面的github.com,將下載的壓縮包解壓后放在Preferences->Browse Packages(即packages文件夾)里面,去掉文件名中的-master,重啟Sublimetext3即可安裝成功。
常用插件列表
-
Alignment
代碼格式化插件,它可以使多行代碼中的等號對齊,也可以調(diào)整多行代碼為一個縮進級別。快捷鍵:ctrl+shift+alt+a.具體的配置可以網(wǎng)上查一下,默認的等好對齊,很有可能不是你想要的。
-
Emmet
前身是Zen Coding, HTML 代碼的一個擴展插件,很強大。例如打上ul>li*3 就會出來一個三列的無序列表,新建文檔了打上!再tab,就會直接出來一個簡易的HTML的文檔模板,不用一個一個去打, 很犀利。Emmet用法很多,節(jié)省了很多的時間。詳細參考一下這篇文章,挺全面的。Emmet插件使用方法總結(jié)
-
HTML-CSS-JS Prettify
快速格式化html css js代碼,快捷鍵:ctrl+shift+h。默認的使用的四個空格縮進,如果需要使用兩個空格的縮進的話,需要自己配置縮進,下圖:

在里面找到:

-
jQuery
這個是jQuery的插件 會有jQuery的提示。裝完之后有時候發(fā)現(xiàn)package setting 里面沒有,不用慌,先寫個jQuery代碼看看行不行,一般都是可以的,實在不行,就在github上下載了手動安裝。
-
BracketHighlighter
用來匹配相對的符號,然后高亮顯示,比如{ }、[ ]、" "等符號的對應(yīng)高亮,講真,在發(fā)現(xiàn)這個插件之前,我最煩的就是找不到一個標簽的結(jié)尾,特別是嵌套很多層,有很多兄弟元素的時候,這個插件堪稱完美。
-
DeleteBlankLines
有時候為了方便編寫或者看清楚代碼,會打一些空格或者空行,最后上傳的時候并不美觀,這個插件能批量刪除空行的部分,command+option+delete,選中部分的所有空行就都被刪除了。
-
DocBlockr
快速生成標準注釋,只需要在函數(shù)上面輸入/** ,然后按tab 就會自動生成注釋,
和Xcode 8 上的/// 類似(盜喵神的)。極力推薦。
-
SublimeCodeInte
SublimeCodeInte是 Sublime Text 自帶代碼提示功能的很好擴展,支持一大堆語言,在使用JS 提示的時候需要自己配置一下:
在 package setting 里面找到SublimeCodeInte的 setting-default,找到最下面

吧箭頭那個地方的jQuery換成 JaveStript即可(原理不知。。。)
-
MarkdownEditing
寫文檔時候必備,Markdown語法高亮。
-
Side?Bar?Enhancements
很實用的右鍵菜單增強插件,有以 diff 形式顯示未保存的修改、在文件管理器中顯示該文件、復制文件路徑、在側(cè)邊欄中定位該文件等功能,也有基礎(chǔ)的諸如新建文件/目錄,編輯,打開/運行,顯示,在選擇中/上級目錄/項目中查找,剪切,復制,粘貼,重命名,刪除,刷新等常見功能。
-
Sublime?Linter
代碼檢查工具,詳細使用看這篇文章
-
Git
這個不用說了,每天都用的東西。。。
比較兩個文件大 不同,相信這個多人開發(fā)的時候還是非常有用的。
NodeJS代碼提示。
-#### AngularJS
AngularJS的代碼提示。
剛從iOS入坑前端,暫時就接觸了這么多插件,不過我見到有人使用的一個插件,左邊編寫HTML,右邊還能打開一個窗口調(diào)css 不知道是 怎么搞的,有知道的大神告訴我一下啊 萬分感謝!