vue-devtools安装

vue-devtools安装

作为小白第一次安装，当然是网上各种搜，然后做了一下下总结归纳。

1、登录github，获取vue-devtools源码https://github.com/vuejs/vue-devtools

2、直接Dowload ZIP，千万记得步骤1选择master分支，不然就是dev分支，dev分支下载代码是有问题的（亲测，下的dev分支导致后面各种问题）
__选master分支！选master分支！！选master分支！！！__重要步骤强调三遍。。。

3、解压，记得看下是否有shells目录，有才是正确的

4、在根目录下执行cmd命令，下载项目的依赖 ： npm install
5、执行cmd命令，编译项目：npm run build

6、找到vue-devtools-master\shells\chrome目录下的manifest.json文件并做修改，将persistent修改为true
7、chrome中添加插件
方法一：在chrome浏览器中，打开>更多工具>扩展程序。
方法二：直接输入url：chrome://extensions/

接下来按照同样的步骤，开启开发者模式。并将\vue-devtools-master\shells中的整个chrome文件整体导入。这个时候就安装完成啦！！！

8、可以启动一个vue项目，打开控制台，看到如下就代表真正的安装成功啦~~

好啦，总算大功告成，开森~~