多语言展示
当前在线:1385今日阅读:168今日分享:49

浏览器安装vue-devtools调试工具

在开发vue.js程序时,调试代码可以使用vue-devtools,可以在谷歌浏览器上安装该插件。
工具/原料
1

谷歌浏览器

2

vue-devtools压缩包

方法/步骤
1

下载vue-devtools压缩包,可在官方下载。然后解压,在文件夹veu-devtools-dev可以看到sheels文件夹,进入找到chrome文件夹

2

执行cmd,进入doc,执行npm install, 需要在chrome路径下

3

安装完成

4

执行npm run build。

5

安装完成后,打开谷歌浏览器,找到添加扩展程序。

6

点击“加载已解压的扩展程序“,找到chrome路径,添加。

7

添加成功

8

执行rpm run dev。在浏览器查看http://lcoalhost:8080,按f12则可以看vue工具,说明已添加成功。

推荐信息