经常使用插件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 源码文件。
• 未完待续……