vue-devtools手动安装

步骤1：找到vue-devtools的github项目，并将其clone到本地(https://github.com/vuejs/vue-devtools)

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

步骤2：安装项目所需要的依赖包

npm install

步骤3：编译项目文件

npm run build

步骤4：在vue-devtools文件夹下找到shells->chrome，将chrome添加到扩展程序

4.1 点击谷歌右上角三个小圆点按钮，选择更多工具->扩展程序

4.2 勾选开发者模式，点击【加载已解压的扩展程序】

4.3 选择vue-devtools->shells->chrome

4.4 添加完成，浏览器上方会出现vue的logo图标