准备工作
$ node -v # v14.16.0 $ npm -v # 6.14.11 $ yarn -v # 1.22.10 $ git --version # git version 2.31.0.windows.1 $ code -v # 1.55.1 x64
具体步骤
# 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安装的详细内容,更多请关注php中文网其它相关文章!
![php中文网最新课程二维码](/static/images/article_wechat2021.jpg?1111)
声明:本文转载于:CSDN,如有侵犯,请联系admin@php.cn删除
网友评论
文明上网理性发言,请遵守 新闻评论服务协议
我要评论