关于chrome-devtools:vue-devtools安装方法

5次阅读

共计 356 个字符,预计需要花费 1 分钟才能阅读完成。

一、到 github 上下载 https://github.com/vuejs/devt…

抉择一个版本下载,为了反对 vue3,我这里抉择了最新的一个版本

二、编辑器关上下载后的我的项目,进入该我的项目,yarn install。

我的项目目录构造如下,咱们须要给该我的项目装置依赖包。从目录构造最初一个文件咱们晓得,该我的项目用的是 yarn,所以咱们应用 yarn 装置依赖包。装置后咱们多了 node_modules 依赖包。

三、yarn run build

打包之后,shell-chrome 文件夹下多了一个 build 文件夹,阐明咱们曾经打包胜利。

四、装置插件

1. 关上 Chrome 浏览器 -> 更多工具 -> 扩大程序 -> 关上开发者模式
2. 点击“加载已解压的扩大程序”,抉择咱们刚刚下载的我的项目的 shell-chrome 文件夹。

五、完事

正文完
 0