1.打开“终端”,进入想要存放此插件的文件夹
2.输入命令克隆vue-devtools的5.1.1版本
git clone -b v5.1.1 https://github.com/vuejs/vue-devtools.git
3.进入vue-devtools文件夹下,安装依赖,命令如下:
npm install
【
或者安装npm的淘宝镜像,命令如下:
npm install -g cnpm --registry=https://registry.npm.taobao.org
然后通过cnpm安装依赖,命令入下:
cnpm install
】
4.构建项目,命令如下:
npm run build
5.成功构建后,找到vue-devtools/shells/chrome/manifest.json,打开此文件找到persistent一行进行修改:
"persistent": true
6.进入Chrome的扩展程序页面,点击“加载已解压的扩展程序”,选择vue-devtools/shells/chrome,完成安装。