編碼神器——Sublime Text 包管理工具及擴展大全 - 網站設計及開發

DiorCherie

Sublime Text 是程序員們公認的編碼神奇，擁有漂亮的用戶界面和強大的功能，例如代碼縮略圖，多重選擇，快捷命令等。還可自定義鍵綁定，菜單和工具欄。Sublime Text 的主要功能包括：拼寫檢查，書籤，即時項目切換，多選擇，多窗口等等。　　更重要的是，Sublime Text 易於擴展，眾多開發人員為其貢獻插件，而且通過包管理工具——Package Control 可以方便安裝和管理。這裡分享的這個網站是 Package Control 的作者整理的 Sublime Text 插件集合，前端開發的民工們再也不用去網上一個個找了。趕緊收藏起來吧。
 

 
Package Control 安裝方法
首先通過快捷鍵 ctrl+` 或者 View > Show Console 打開控制台，然後粘貼相應的 Python 安裝代碼。
Sublime Text 2 安裝代碼：
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')Sublime Text 3 安裝代碼：
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())常用擴展推薦

• Emmet——Emmet 官方提供的 Sublime Text 擴展；
  
• Sublime​Linter——代碼校驗插件，支持 HTML、CSS、JS、PHP、Java、C++ 等16種語言；
  
• HTML5——HTML5 bundle for Sublime Text 2；
  
• Alignment——代碼對齊插件；
  
• Bracket​Highlighter——括號高亮匹配；
  
• Git——整合 Git 功能的插件；
  
• jQuery——代碼智能提示插件；
  
• LESS——LESS 代碼高亮插件；
  
• Js​Format——JavaScript 代碼格式化插件；
  
• Tag——HTML/XML 標籤縮進、補全和校驗；
  
• LiveReload——讓頁面即時刷新；
  
• Pretty JSON——JSON美化擴展；
  
• Can I Use——查詢 CSS 屬性兼容情況；
  
• Coffee​Script——Coffee​Script 代碼高亮，校驗和編譯等；
  
• Color​Picker——跨平台取色器插件；
  

好東西，立即去圍觀

runrunscooter

呵呵 哪天得看看 `~~~~

十兵衛

我是來收集資料滴...

一心

雖然不怎麼好看，但還是幫你頂

gaiful

要不我崇拜你?行嗎?  

kinh9999

你加油吧

十兵衛

支持你就頂你

kenneth_sweet

分享一切美好的事物是樓主的責任，回覆是每一位會員的義務

24gold24

貌似看過了

現實999

我幫你這一帖頂起來