常用插件chrome、sublime text插件HTML-CSS-JS Prettify：美化代码，而此插件依赖于no

chrome插件

谷歌访问助手：用于谷歌商店安装插件
Octotree：github代码树形插件，便于阅读源码
Quick QR Code Generator：二维码生产器
User JavaScript and CSS：网站代码注入
Wappalyzer：查看网站使用技术栈
掘金：为设计师、程序员、产品经理每日发现优质内容
ApiDebug-接口调试插件：开源免费的接口调试神器
未完待续……

sublime text 插件

1、准备工作

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

2、常用插件

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 源码文件。
未完待续……