黑马程序员技术交流社区

标题: 【上海校区】浏览器Vue-devtools工具安装 [打印本页]

作者: 梦缠绕的时候    时间: 2018-7-20 14:35
标题: 【上海校区】浏览器Vue-devtools工具安装

在浏览器F12查看vue项目的控制台,看到如下信息:

   

    默认安装需要打开goole网站,需要跳墙,这里下载它的代码来安装吧……


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

   

    clone完成后,进入vue-devtools目录,首先执行命令`npm install`安装依赖:

   

    报如下错误,在windows平台可以忽略…………:

   

    然后编译`npm run build`生成插件:

   

   打开Chrome浏览器的扩展程序:

   

    勾选开发者模式,才会显示箭头指向的两个按钮:

   

        点击“加载已解压的扩展程序”,选择刚刚编译生成的目录:

        

       重启chrome浏览器,再次F12打开控制台,可以看到Vue项目,它有vue原本的标签,而不是只是生成的html标签:

      



作者: wuqiong    时间: 2018-7-23 11:44

作者: 摩西摩西OvO    时间: 2018-7-23 13:52

作者: 不二晨    时间: 2018-7-23 17:25
优秀,奈斯
作者: 摩西摩西OvO    时间: 2018-7-26 10:24

作者: 吴琼老师    时间: 2018-7-26 16:26





欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2