调试工具安装使用记录

一、chrome vue-devtools安装及使用
网址：https://blog.csdn.net/we101999/article/details/107207523/
结果：成功安装
学习视频：https://coding.imooc.com/class/chapter/285.html#Anchor

1、git clone https://github.com/vuejs/vue-devtools
2、cd vue-devtools
3、npm install -g yarn
（yarn是facebook发布的一款取代npm的包管理工具，速度超快）
4、yarn install
5、npm run build
6、修改安装目录vue-devtools\shells\chrome 中 的manifest.json文件，persistent参数改为true。
（packages文件里有个shell-chrome文件，改为shells\chrome放在vue-devtools下）
7、Chrome浏览器 > 更多程序 > 拓展程序
点击加载已解压程序按钮, 选择 vue-devtools > shells > chrome 放入
8、重启Chrome，启动本地vue项目，在Chrome里打开f12调试工具