vue开发工具Devtools安装

一、从GitHub下载安装包

创建一个文件夹，然后将安装包代码克隆到该文件夹

git clone https://github.com/vuejs/vue-devtools.git

 

二、安装

下载好之后，进入下载下来的文件夹，然后进行安装，最后打包

cd vue-devtools    // 进入文件夹
npm install -g cnpm --registry=https://registry.npm.taobao.org       // 安装
npm run build      // 打包

如果遇到错误

这是默认分支版本太新，一些功能未同步，改用5.1.1的版本即可

https://github.com/vuejs/vue-devtools/tree/v5.1.1

 

 

三、添加扩展程序

打开谷歌浏览器 --- 右上角的菜单（...）---  更多工具  ---  扩展程序  

打开开发者模式

 

点击 加载已解压的扩展程序

路径选择前面创建的文件夹 ---  shells  ---  chrome

然后点击确定就可以了。

完成

现在打开浏览器的开发者工具就会看到有vue的选项