美文网首页Web前端
Devtools - GitHub README翻译

Devtools - GitHub README翻译

作者: 廖马儿 | 来源:发表于2018-03-06 11:47 被阅读5次

重要的使用注意事项

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

相关文章

网友评论

    本文标题:Devtools - GitHub README翻译

    本文链接:https://www.haomeiwen.com/subject/tsylfftx.html