1.下载：
在需要安装的文件夹下右键打开git bash,输入命令
git clone https://github.com/vuejs/vue-devtools.git
image.png
2.切换到vue-devtools下，安装依赖，并打包
cd vue-devtools//切换到对应目录
npm install//安装依赖
npm run build//打包
3.但是在打包时遇到报错：
image.png
解决办法：npm install -g webpack-cli
4.重新打包npm run build
5.进入chrome浏览器添加扩展程序：
chrome浏览器>> 更多工具>> 扩展程序
（1）勾选开发者模式
（2）点击加载已解压的扩展程序（选择地址为：安装路径>> vue-devtools>>shells>>chrome），将chrome文件夹导入
（3）点击确定就能安装成功
image.png
6.安装成功
vue-devtools安装 手动安装 第一步：找到vue-devtools的github项目，并将其clone到...
1、vue-devtools vue-devtools的安装与使用 2、proxyee-down proxyee-...
chrome调试插件vue-devtools安装步骤： 1.npm install vue-devtools 2....
自动刷新浏览器 bower安装 安装cnpm gulp安装 Vue vue-devtools安装
Mac系统 Chrome 浏览器安装 vue-devtools 第一步: 找到vue-devtools的githu...
VUE文档中建议我们安装调试工具vue-devtools 1.下载vue-devtools： 2.解压该压缩包到自...
本文主要介绍 vue的调试工具 vue-devtools 的安装和使用 chrome商店直接安装 vue-devt...
vue-devtools 安装教程 本文前提条件：已安装nodejs，npm使用淘宝镜像cnpm，chrome浏览...
手动安装 找到vue-devtools的github项目 安装项目所需要的npm包 编译项目文件 添加至chrom...
chrome安装vue-devtools 解压vue-devtools.zip包 打开chrome，输入chrom...
本文标题：vue-devtools的安装
本文链接：https://www.haomeiwen.com/subject/ophpaktx.html
网友评论