vue学习：chrome 中 vuetools 开发插件 的下载、安装

以前也做过，但老是忘记，这次吉林一下

一、下载

1. 百度云地址双手奉上

   链接：https://pan.baidu.com/s/1u3PXqq7kgxLG6YDv3Y6Zmg 
   提取码：shva 
   复制这段内容后打开百度网盘手机App，操作更方便哦
   

2. 下载chrome扩展插件。
   在github上下载压缩包并解压到本地，github下载地址:https://github.com/vuejs/vue-devtools，打开后，进入到 master 分支，在下载或者拉取
   

3. 解压后如下所示：
   

二、安装

1. 打开命令行cmd进入vue-devtools-master文件夹
2. npm install，安装依赖包；如果安装太慢，请使用淘宝镜像，此处不再赘述。
3. npm run build
   
4. npm run build 执行完，则进行构建完成，并找到shells/chrome文件夹；
   
5. 打开shells>chrome>manifest.json并把json文件里的"persistent":false改成true
   

三、加载到Google

1. 扩展chrome插件
2. 打开chrome浏览器，打开右上角三点>更多工具>扩展程序；
3. 再点击加载已解压的扩展程序，然后把shells>chrome文件夹放入，即可
   

四、测试

写了一个 vue 的 helloworld ，然后打开开发者模式，有个vue模块，则说明 插件安装成功。如图所示

安装vue的Google插件 到此结束。