一招搞定Chome最新版vue-devtools安装(2)-木庄网络博客

2022-04-17 05:50:23 PHP中文网 JavaScript 百度已收录

# 1. 克隆 Git 库到本地
    $ git clone git@gitee.com:mirrors/vue-devtools.git
# 2. VSCode 打开文件夹
    $ code ./vue-devtools/
# 3. 用 yarn 初始化项目
    $ yarn install
# 4. 用 yarn 编译
    $ yarn run build

打开 Chrome 扩展程序（chrome://extensions/），并启用开发者模式：

在这里插入图片描述

点击加载已解压的扩展程序按钮，并在弹出的对话框选中如下文件夹：vue-devtools/packages/shell-chrome/

大功告成。

在这里插入图片描述

注意事项

推荐使用 Gitee 仓库，因为该镜像每天与 GitHub 上的 vue-devtools 同步，后面有更新版也不过是重新同步编译一下，何乐而不为？
根据官方文档的说法，该方法适用于 Node 6+ 及 NPM 3+ 的手动编译安装。

推荐学习：vue教程

以上就是一招搞定Chome最新版vue-devtools安装的详细内容，更多文章请关注木庄网络博客！

返回前面的内容

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » 一招搞定Chome最新版vue-devtools安装

一招搞定Chome最新版vue-devtools安装

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论