重要的使用注意事项
1.如果页面使用Vue.js的production/minified构建，devtools检验默认是不能使用的，因此Vue面板（就是console那种面板）不会显示出来。
2.通过file://协议将它打开，你需要在Chrome扩展管理面板中检查Allow access to file URLs。
图片.png
与vuex结合工作实现时间追踪调试：
图片.png
安装
在各个主流浏览器中安装：
在编辑器中打开组件
如果想打开这个特征，请遵循这篇文档
手动安装
请保证你使用的node 6+ 和 npm3+
1、clone这个repo
2、npm install（或者 yarn install 如果你正在使用yarn作为包管理器）
3、npm run build
4、打开Chrome扩展页
5、检查『开发者模式』
6、点击『加载未包装的扩展』，然后选择shells/chrome
作为开发着去贡献
1、克隆这个仓库
2、npm install
3、npm run dev
4、一个简单的带测试的shell 将会在localhost:8000展示出来
Firefox addon 测试
1、install web-ext
$ npm install --global web-ext
或者使用yarn：
$ yarn global add web-ext
另外，保证PATH是被设置起来的，在~/.bash_profile应该像：
$ PATH=$PATH:$(yarn global bin)
2、在Firefox中编译并且运行
$ npm run build
$ npm run run:firefox
当使用Yarn，你只需要使用yarn替代npm。
