經常使用插件chrome、sublime text插件

chrome插件

• 谷歌訪問助手：用於谷歌商店安裝插件
• Octotree：github代碼樹形插件，便於閱讀源碼
• Quick QR Code Generator：二維碼生產器
• User JavaScript and CSS：網站代碼注入
• Wappalyzer：查看網站使用技術棧
• 掘金：爲設計師、程序員、產品經理每日發現優質內容
• ApiDebug-接口調試插件：開源免費的接口調試神器
• 未完待續……

sublime text 插件

一、準備工做

• package control：ctrl+`打開控制檯輸入如下文本

//適用於sublime text3
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 text2
import  urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp)ifnotos.path.exists(ipp)elseNone;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')  
//安裝順利的話就能夠在Preferences菜單下看到Package Settings 和 Package Control兩個菜單
複製代碼

• 搜索並安裝插件：ctrl+shift+p調出窗口，輸入install package

二、經常使用插件

• AutoFileName：自動補全文件路徑
• BracketHighlighter：高亮顯示匹配的括號、引號和標籤
• TrailingSpacer：高亮顯示多餘的空格和Tab
• HTML-CSS-JS Prettify：美化代碼，而此插件依賴於node，須要先安裝node。注意修改nodejs指向，右鍵Set Plugin Options
• sidebarbg：側邊欄加強，側邊欄快捷鍵：{"keys": ["f1"],"command": "toggle_side_bar"}
• 代碼壓縮
  • 自帶方法：ctrl+a ctrl+j
  • 插件Minify：請參考
• Vue Syntax Highlight：vue代碼高亮
• OmniMarkupPreviewer：Markdown染爲 HTML 並在瀏覽器上實時預覽，同時支持導出 HTML 源碼文件。
• 未完待續……