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

选择一个版本下载,为了支持vue3,我这里选择了最新的一个版本
image.png

二、编辑器打开下载后的项目,进入该项目,yarn install。

项目目录结构如下,我们需要给该项目安装依赖包。从目录结构最后一个文件我们知道,该项目用的是yarn,所以我们使用yarn安装依赖包。安装后我们多了node_modules依赖包。
image.png

三、yarn run build

打包之后,shell-chrome文件夹下多了一个build文件夹,说明我们已经打包成功。
image.png

四、安装插件

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

五、完事

image.png


Hard heart
1 声望0 粉丝