vue插件之vue-devtools

 

补充1：vue-devtools的安装

 

①打开cmd,进入你要安装的vue项目里（我还是把它放在我第一个项目里的）

 

https://github.com/vuejs/vue-devtools.git

 

---

 

 

 ②安装项目所需要的npm包：npm install  （多等一会，npm的安装比较慢）

---

 

 

③编译项目文件：npm run build 

---

 

成功后出现下图界面：

上述完成之后，进入vue-devtools->shells->chrome->src里可看到下面几个js文件

 

④修改文件配置

 进入vue-devtools->shells->chrome->manifest.json把里面的“persistent”:false改为true

 

⑤扩展到Chrome浏览器      传送网址：chrome://extensions/

选择开发者模式-》加载已解压的扩展程序（选择vue-devtools->shells里面的Chrome）-》允许访问文件地址

 ⑥之后，进入再F12网页，就会看到下图的效果：

 

以上，完成~~~