chrome浏览器安装vue调试器vue-devtools
2018-02-27 14:58
225 查看
1、访问github网址下载调试器
GitHub下载地址:
https://github.com/vuejs/vue-devtools
2、下载vue-devtools完成后打开命令行cmd进入vue-devtools文件夹,输入命令
cnpm install
3、编译通过以后输入以下命令
cnpm run build
效果如下图:
![](https://img-blog.csdn.net/20180227145323177?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMjA4MzQwNw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
4、找到vue-devtools-master\vue-devtools-master\shells\chrome文件夹下面的manifest.json文件,把persistent改为true
![](https://img-blog.csdn.net/20180227145636674?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMjA4MzQwNw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
5、打开chrome浏览器找到扩展程序添加扩展程序即可
![](https://img-blog.csdn.net/20180227145805146?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMjA4MzQwNw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
GitHub下载地址:
https://github.com/vuejs/vue-devtools
2、下载vue-devtools完成后打开命令行cmd进入vue-devtools文件夹,输入命令
cnpm install
3、编译通过以后输入以下命令
cnpm run build
效果如下图:
4、找到vue-devtools-master\vue-devtools-master\shells\chrome文件夹下面的manifest.json文件,把persistent改为true
5、打开chrome浏览器找到扩展程序添加扩展程序即可
相关文章推荐
- Chrome浏览器vue-devtools插件安装教程
- Vue调试神器vue-devtools安装
- vue.js的devtools安装
- vue-devtools安装三部曲
- Vue调试神器vue-devtools安装
- chrome浏览器添加vue-devtools扩展
- Re:从零开始的实习生活05----vue调试神器vue-devtools安装
- Vue中devtools安装使用
- 安装vue调试工具vue-devtools
- vue.js的devtools安装
- Vue调试神器vue-devtools安装方法
- vue.js的devtools安装
- vue.js开发神器devtools的安装方法
- vue开发:详解vue.js的devtools安装
- vue.js的devtools安装
- vue教程3-04 vue.js vue-devtools 调试工具的下载安装和使用
- vue.js的devtools安装
- 安装vue-devtools
- vue 2.9的配置 (二 : vue的安装 和vue-devtools的配置)
- vue-devtools的安装与使用