首页 > 代码库 > vue-devtools安装

vue-devtools安装

vue-devtools安装

1.github下载地址:https://github.com/vuejs/vue-devtools  

      下载到本地,如下图所示!

 技术分享

 

2.下载好后进入vue-devtools-master工程

 技术分享

3.执行npm install 安装项目所需要的npm包

4.找到vue-devtools-master\shells\chrome\manifest.json文件

5.修改mainifest.json 中的persistant为true

6.打开谷歌>>更多工具中>>击扩展程序>>选中勾选开发者模式

7.打开加载已解压的扩展程序选择vue-devtools-master\shells\chrome后点击确定,添加成功,效果图如下:

 技术分享

 

8.最后执行在npm中执行npm run dev,打开http://localhost:8080/ 服务器调试地址 按F12,OK了

 技术分享

 

 

vue-devtools安装