Vue调试工具的安装

第一种方法：
1、chrome浏览器输入地址“chrome://extensions/”进入扩展程序页面

2、点击右上角按钮，勾选开发者模式

3、点击“加载已解压的扩展程序”按钮，选择解压后的chrome文件夹，或直接将解压文件拖入窗口，即可添加成功。

4、添加完vue-devtools扩展程序之后，浏览器打开vue项目便可调试，
安装包链接：https://pan.baidu.com/s/1WmYbIKMkXy9fKSQcD2hdsQ
提取码：poz7

第二种方法：
1.https://github.com/vuejs/vue-devtools/tree/master下载安装包，下载时要选择master分支

2.找到文件安装路径进入dos环境命令栏窗口，输入命令npm install 安装

3.安装完成后，运行命令 npm run build 进行打包如下图所示

4.打开浏览器，进入设置扩展工具检查是否安装成功，安装完成如下图。

Vue调试工具的安装相关推荐

Vue调试工具的安装方法（动动鼠标就完成，不会意外报错，超爽~）
Vue调试工具的安装方法 1. 打开谷歌浏览器的网上应用商店并搜索谷歌浏览器的网上应用商店 https://chrome.google.com/webstore/category/extension ...
Chrome浏览器-vue调试工具dev-tools安装
vue调试工具dev-tools安装 git bash 管理端执行相关命令 # 下载源码 git clone https://github.com/vuejs/vue-devtools.git # 进 ...
vue调试工具vue-devtools安装及使用
本文主要介绍 vue的调试工具 vue-devtools 的安装和使用. 工欲善其事, 必先利其器, 快快一起来用vue-devtools来调试开发你的vue项目吧. 1.到github下载:git ...
Vue 调试工具 vue-devtools 安装及使用
笔记来源:拉勾教育大前端高薪训练营在 Chrome 浏览器上安装 Vue Devtools 工具下载 Devtools 安装 Devtools 修改 mainifest.json Chrome ...
vue调试工具 -- vue-devtools 安装方法
1.git clone https://github.com/vuejs/vue-devtools.git 2.npm install 3.npm run build 4.chrome://exten ...
通过chrome应用商店安装vue调试工具
自己在vue官网上面用git安装vue安装包之后,遇到了各种安装问题,比如npm run build 直接报错,解决问题也没有找到后,自己在搜索了b站上面的一个安装vue调试工具的教程之后,发现可以通 ...
怎么看vue中某个插件是否安装成功_如何在谷歌中查看VUEX（谷歌浏览器中安装 vue调试工具 vue-devtools）...
本次介绍了两种方法,第一种方法略微复杂,想追求效率的请查看第二种. 20200214141007961.png 如果你在使用vue开发项目浏览器中没有安装vue调试工具显然不能算是一个合格的vue ...
Vue浏览器调试工具VueTools安装以及使用
Vue浏览器调试工具VueTools安装以及使用 1 下载安装包---[https://github.com/vuejs/devtools](https://github.com/vuejs/devt ...
vue devtools 插件安装
谷歌应用商店打不开,可以使用这种方式来安装 vue 调试工具. https://chrome.zzzmh.cn/#/search 点击下载后,下载的内容是一个安装包,将安装包中 .crx 文件解压后直 ...

Vue调试工具的安装

Vue调试工具的安装

Vue调试工具的安装相关推荐

最新文章

热门文章