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
https://sublime.wbond.net/Package%20Control.sublime-package點擊下載安裝包。spa
點擊Preferences > Browse Packages菜單.net
進入打開的目錄的上層目錄,而後再進入Installed Packages/目錄插件
並複製到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
粘貼板歷史記錄,方便使用複製/剪切的內容。