vue-devtools下载

1、找到vue-devtoolshttps://github.com/vuejs/vue-devtools/tree/master,选择master,下载Download ZIP。
在这里插入图片描述
最新的用这个
在这里插入图片描述

vue-devtools生产可用文件

2、解压vue-devtools-master,并用V-Code打开

	依次运行
	cnpm install (npm install 较慢) 
	npm run build 
	结果如图:

在这里插入图片描述

3.修改vue-devtools/shells/chrome/manifest.json文件,把"persistent":false改成true在这里插入图片描述

安装vue-devtools

4.扩展Chrome插件

打开Chrome浏览器 >选择更多工具>扩展程序 >打开开发者模式

点击加载已解压的扩展程序, 找到刚才生成的chrome文件夹,选择 vue-devtools > shells > chrome 放入, 安装成功如下图
在这里插入图片描述

验证vue-devtools

5、随便打开一个VUE开发的工程,并运行,用谷歌浏览器打开,结果如下:
在这里插入图片描述

结束语

6、第一次写博客,正在学习VUE,知识来源于网络,回归于网络。

Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐