在chrome中安装vue-devtools插件

我是看着这个教程安装的：

安装vue-devtools插件 - 海绵宝宝y - 博客园 (cnblogs.com)

因为插件更新的情况，上面那个博客中所说的：“修改shells、chrome目录下的mainifest.json 中的persistant为true”，这个mainifest.json现在是在vue-devtools-dev\packages\shell-chrome中的。

在安装的过程中遇到了很多问题，包括但不限于：

1. command c:\windows\system32\cmd.exe /d /s /c node install.js
2. 往chrome中拖拽文件时无法为内容脚本加载 javascript“build/hook.js”。

⭐️写几点注意事项吧：

1. 一度怀疑是不是我的nodeJs出了什么问题，后来通过查博客发现在npm install之前需要先npm install cypress --save-dev，否则可能会安装失败;

2. 还有要记得使用管理员身份运行；

3. 在npm install成功后，不要太开心，不要忘记npm run build，否则就有可能出现上面的第二点错误

在学习的时候你永远也不知道下一秒你会遭遇什么，本来在学vue，突然发现自己好像没有dev-tools插件，然后就去安装，出错，error一片飘红；这几天的状态一直是奔波在安装插件的路上+查error原因改错的路上，祝大家都能顺利安装成功，不要报各种奇奇怪怪的错误了（哭

不过报错了也不可怕，毕竟肯定不止你一个人出过这种错，只不过可能会花费一上午来百度改错罢了。。

对了，这个插件在Edge和Chrome中都可以使用的：

安装成功啦！