Vue(五)vue&chrome调试工具 devtools安装

为了方便vue项目代码的调试,安装vue.js devtools工具,步骤如下:
1、在github上下载devtools包,https://github.com/vuejs/vue-devtools
2、将下载下来的包随意放在c盘或d盘的一个位置,打开cmd,cd进入下载下来的包文件夹,
3、输入 npm install -g yarn 全局安装yarn工具,
4、输入 yarn install 运行
5、输入 yarn run build 运行
6、打开浏览器-右上角工具栏-更多工具-扩展程序:
在这里插入图片描述
点击加载已解压的扩展程序,选择之前build好的vue-devtools/packages/shell-chrome 文件夹,加载即可。
在这里插入图片描述

7、打开vue-devtools/packages/shell-chrome/manifest.json文件 修改如下:
在这里插入图片描述
修改其中的persistent:true
8、点击浏览器右上角的扩展程序,选中vue.js devtool并将其固定
在这里插入图片描述
9、打开任意一个vue程序,按F12进入调试,即可愉快的进行调试了
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/u014752033/article/details/107960377