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

【22】Vue 之 Vue Devtools

时间:2017-07-19 15:54:02      阅读:119      评论:0      收藏:0      [点我收藏+]

标签:ack   web   dmi   img   最新   搜索   9.png   str   default   

vue安装:

# 最新稳定版
$ npm install vue
# 全局安装 vue-cli
$ npm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
# 安装依赖,走你
cd my-project
$ npm install
$ npm run dev

 

Vue Devtools安装(谷歌浏览器插件:)

  ①谷歌选择浏览器-更多工具-扩展程序

  ②获取更多扩展程序

  ③搜索并安装

  ④找到插件的mainifest.json文件位置,我找了很久,我的在这

C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default\Extensions\nhdogjmejiglipccpnnnanhbledajbpd\3.0.6_0

  大胆的修改persistant为true

技术分享

还不够,关键的一步,谷歌了很久没解决,最后被我们厉害的后台小哥解决掉了

技术分享

 

 之后请重新启动你的项目:

技术分享

 

 绿色的v字标识3,标识你启动的项目是vue项目,若不是,这个标识会自动变成灰色,还挺好的

转:http://www.cnblogs.com/kymming/p/6428957.html

【22】Vue 之 Vue Devtools

标签:ack   web   dmi   img   最新   搜索   9.png   str   default   

原文地址:http://www.cnblogs.com/yeziTesting/p/7206125.html

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