1.vue-devtools下载
官网:https://devtools.vuejs.org/guide/installation.html
大部分开发人员的首选都是Chrome浏览器,但是由于是国外服务器,因此在一些操作上都会是响应时间过长,比如我们下载vue-devtools;因此在官网上,我们选择GitHub下载Zip,就会非常快速与简单;
1.第一步:点击GitHub
2.第二步:点击code,选择Zip
2.构建vue-devtools工具插件
3.第三步:解压安装包
4.第四步:点击进入当前文件夹,然后进入当前目录的cmd窗口(点击目录栏->输入cmd->点击回车);
点击回车进入命令窗口
5.第五步:依赖安装,命令:npm i
如果这部报错了,请参考文章:vue-devtools安装失败
6.第六步:构建vue-devtools工具插件;命令:npm run build
;执行完成后会在shells下生成chrome文件夹。此文件夹就是用来放入chrome的扩展程序。
3.vue-devtools扩展配置
7.第七步:在Chrome中安装插件;
①打开浏览器,选择扩展程序;
②打开开发者模式,选择加载已解压的扩展程序;
③选择我们shells文件夹下的Chrome文件夹
然后就可以看到在扩展程序中有插件了;这样也就安装成功了!