18910140161

mac安装vue-devtools

顺晟科技

2021-06-16 10:28:55

215

1.从github下载vue工具的压缩包

正常方法:克隆https://github.com/vuejs/vue-devtools

但实际上这个方法是不行的,因为在GitHub上更新vue-tool版本后,正常的方法操作总会出现问题,所以我们安装了下面的代码来选择旧版本下载

git克隆-b添加-远程-开发工具https://github.com/vuejs/vue-devtools

2.在vue-devtools目录中安装依赖包

cd vue-devtools

sudo cnpm安装

然后输入电脑密码

(加上sudo因为部分依赖无法安装,避免权限问题)

3.修改manifest.json文件

将“持续”:false更改为true

4.编译npm运行版本

编译成功的界面如下

5.谷歌浏览器-设置-扩展程序

打开“开发者模式”,点击“加载解压缩扩展程序”,在vue-devtool中选择chrome文件夹,成功看到如下界面:

搞定!

之后用f12打开vue项目,就可以像下图一样使用这个工具了!

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航