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

文章目录

• ​​一、下载​​
• ​​二、安装​​
• ​​三、加载到Google​​
• ​​四、测试​​

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

一、下载

1. 百度云地址双手奉上

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

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

二、安装

1. 打开命令行cmd进入vue-devtools-master文件夹
2. ​​npm install​​，安装依赖包；如果安装太慢，请使用淘宝镜像，此处不再赘述。
4. ​​npm run build​​



5. 
   
7. ​​npm run build​​ 执行完，则进行构建完成，并找到​​shells/chrome​​文件夹；



8. 
   
10. 打开​​shells>chrome>manifest.json​​并把json文件里的"persistent":false改成true



11. 
    

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



5. 
   

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

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