首页 > 技术文章 > vue-devtools的安装

moringyaozheng 2020-11-18 14:22 原文

步骤如下:

1.在你C/D盘创建一个文件夹。

2.打开文件夹右击选择 git bash here,出现可以输入git命令的弹框

3.输入以下指令:

1.git init // 初始化你的git 
2. git clone https://github.com/vuejs/vue-devtools // 把代码clone到本地这个有个注意点就是要拉取master分支下的代码不是dev分支的
// 注意一定是master分支不然后面执行npm run build的时候会报错
// 如果 git clone 报错说:SSL证书问题:无法获取本地颁发者证书时可以执行下面命令
3.git config --system http.sslverify false
//这时代码就可以拉倒本地了继续执行
4.cd vue-devtools 
5.npm install
6.npm run build

注意点:拉取的分支必须是master分支,如果是dev分支也要checkout到master分支上

4.扩展Chrome插件

打开Chrome浏览器 >选择更多工具>扩展程序   >打开开发者模式

点击加载已解压的扩展程序, 找到刚才生成的chrome文件夹,选择 vue-devtools > shells > chrome 放入, 安装成功如下图

 

推荐阅读