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

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

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

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

三、yarn run build

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

四、装置插件

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

五、完事