码迷,mamicode.com
首页 > 其他好文 > 详细

vue-devtools安装

时间:2017-06-28 20:28:54      阅读:143      评论:0      收藏:0      [点我收藏+]

标签:color   效果图   谷歌   程序   strong   htm   blog   class   dev   

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安装

标签:color   效果图   谷歌   程序   strong   htm   blog   class   dev   

原文地址:http://www.cnblogs.com/caiyuqin/p/7091118.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!