sublime text 3/sublime text 2 安裝package control/必備

1、安裝Package Controlcss

sublime text 2和sublime text 3 安裝package control的代碼是不一樣的,下面依次給出前端

sublime text 3 安裝package controlcss3

首先使用Ctrl+`或者經過View->Show Console菜單打開命令行,粘貼以下代碼:web

1 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())

執行完畢後安裝成功的話能夠在Preferences菜單下看到Package Settings和Package Control兩個菜單,或者直接ctrl+shift+P調出package control的命令欄。函數

sublime text 2 安裝package control的代碼ui

1 import urllib2,os; pf='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( ))); open( os.path.join( ipp, pf), 'wb' ).write( urllib2.urlopen( 'http://sublime.wbond.net/' +pf.replace( ' ','%20' )).read()); print'Please restart Sublime Text to finish installation')

你們可能因爲各類緣由,沒法使用代碼安裝,那能夠經過如下步驟手動安裝Package Control:url

  1. https://sublime.wbond.net/Package%20Control.sublime-package點擊下載安裝包。spa

  2. 點擊Preferences > Browse Packages菜單.net

  3. 進入打開的目錄的上層目錄,而後再進入Installed Packages/目錄插件

  4. 並複製到Installed Packages/目錄,重啓Sublime Text便可。

Package Control安裝成功後咱們就能夠方便的在線安裝各類必備插件了,ctrl+shift+p調出package control的控制界面,輸入install回車,自動檢索可用插件,在彈出的搜索欄中搜索你要安裝的插件回車便可自動安裝

2、開發必備插件

一、Emmet

Emmet即以前的Zen coding,前端開發者必備插件,大大提升了HTML/CSS代碼編寫的速度,在插件搜索欄輸入Emmet回車安裝便可,你們能夠搜索《 Zen Coding:快速編寫HTML/CSS代碼》去學一下使用方法

二、SublimeCodeIntel

SublimeCodeIntel 是一個代碼提示、補全插件,支持 JavaScript、Mason、XBL、XUL、RHTML、SCSS、Python、HTML、Ruby、Python三、XML、Sass、XSLT、Django、HTML五、Perl、CSS、Twig、Less、Smarty、Node.js、Tcl、TemplateToolkit 和 PHP 等語言,是 Sublime Text 自帶代碼提示功能的很好擴展。它還有一個功能就是跳轉到變量、函數定義的地方,十分方便。

十分不建議把 SublimeCodeIntel 與其餘單個語言的擴展 package 一同使用,雖然不少語言擴展 package 比 SublimeCodeIntel 的代碼提示功能要完善。若是須要一同使用,請在用戶配置文件(菜單Preferences -> Package Settings -> SublimeCodeIntel -> Settings - User 中加入下面的內容,並去掉要禁用的語言。

"codeintel_enabled_languages":
 [
 "JavaScript", "Mason", "XBL", "XUL", "RHTML", "SCSS", "Python", "HTML","Ruby", "Python3", "XML", "Sass", "XSLT", "Django", "HTML5", "Perl", "CSS","Twig", "Less", "Smarty", "Node.js", "Tcl", "TemplateToolkit", "PHP"
 ],
 "codeintel_live_enabled_languages":
 [
 "JavaScript", "Mason", "XBL", "XUL", "RHTML", "SCSS", "Python", "HTML","Ruby", "Python3", "XML", "Sass", "XSLT", "Django", "HTML5", "Perl", "CSS","Twig", "Less", "Smarty", "Node.js", "Tcl", "TemplateToolkit", "PHP"
 ]


三、Theme – Soda

Soda Theme 是最受歡迎的 Sublime Text 主題。

四、SublimeLinter

SublimeLinter 是一個代碼校驗插件,它能夠幫你找出錯誤或編寫不規範的代碼,支持 C/C++、CoffeeScript、CSS、Git Commit Messages、Haml、HTML、Java、JavaScript、Lua、Objective-J、Perl、PHP、Puppet、Python、Ruby 和 XML 語言。

五、JS Format

一個JS代碼格式化插件。

六、JQuery Package for sublime text

JQuery的提示補全代碼包

七、sublime prefixr

css3的前綴自動補全

八、sublime alignment

用於代碼格式的自動對齊。傳說最新版Sublime 已經集成。

九、clipboard history

粘貼板歷史記錄,方便使用複製/剪切的內容

相關文章
相關標籤/搜索