1、安装vue-devtools 在本地文件夹中建个Vue的目录,然后使用Git下载vue-devtools工具。 命令如下 git clone https://github.com/vuejs/vue-devtools 2、在vue-devtools目录中安装依赖包 cd vue-devtools cnpm install 3、修改packages文件夹中的shell文件→Chrome→manifest.json文件,把"persistent":false改成true。...
1.下载vue-devtools工具 进入GitHub官网进行下载,网址:https://github.com/vuejs/vue-devtools 下载安装包并将安装包进行解压 下载安装包 2.安装vue-devtools工具 在解压后的文件夹中打开cmd命令行,在命令行中输入命令 npm install(若不能使用npm命令,请先安装node.js) 下载成功 下载完成后执行:npm run build 命...
1、从github拉取开发工具源码 2、在vue-devtools目录下安装依赖包 cd vue-devtools npm install 3、执行npm run build 看到如下界面,表示成功 此时在vue-devtools目录下会出现一个shells目录,其中有一个chrome目录 4、打开Chrome浏览器,选择更多工具->扩展程序 5、将刚才看到的chrome目录直接拖拽到上述页面中,就可以...
在vue.js devtools安装完成后,运行你的vue项目,打开F12可在Elements一栏最后看见Vue项,点击Vue便可开始使用了
1. 安装 (1)在github上下载devtools源码,地址:https://github.com/vuejs/vue-devtools (2)下载后进入vue-devtools工程,执行npm install,然后npm run build。 (3)编译完成后修改/shells/chrome/manifest.json的persistant为true (4)打开浏览器右上角的设置-->更多工具-->扩展程序,打开开发者模式 ...
第1 步:安装 Vue Devtools 本地安装(无需科学上网) 下载地址:阿里网盘「Vue Devtools」aliyundrive.com/s/x8Gwx 提取码: 2yi4 02-04-setup-loacl 下载解压后,点击 chrome 右上角三个点,进入「扩展程序」页面 02-03-setup-devtools 然后把刚下载好的 Vue Devtools 文件拖入浏览器进行安装。 02-05-devtools...
或者:git clone https://github.com/vuejs/devtools.git 下载成功后,进入E:\github\devtools-main\packages\shell-chrome(新路径与旧路径有差异), 第一步:找到manifest.json文件,将"persistent": false 将值修改为 true 第二步:执行yarn install(没有安装yarn的,请先安装:npm install -g yarn,然后yarn -v查...
vue-devtools安装 1、下载插件压缩包,网址:https://github.com/vuejs/vue-devtools,如图: 2、解压缩,用Webstorm/VScode打开,并运行以下命令: npm install npm run build 1. 2. 3、打开项目文件夹,找到shells>chrome文件夹下的mainifest.json 文件,修改persistant的value值为true。
一:下载与安装:1.下载好vue-devtools压缩包(crx类型的压缩包),直接解压到你自己选择的本地目录中:2.打开谷歌浏览器,打开设置,并找到扩展程序:3. 打开扩张程序按钮后,需要先把右上角的开发者模式打开,默认是关闭状态:4.点击''加载已解压的扩展程序''按钮,选择刚才你下载并保存vue-devtools工具的目录(我...
第一种是在chrome应用商店里安装(不推荐) 第二种是在其他网站下载插件, 然后打开谷歌浏览器,地址栏输入chrome://extensions 或者 点击右上角 --->选择更多工具按钮 --->选择扩展程序 然后将之前解压的Vue.js Devtools_x.x.x_chrome.zzzmh.cn.crx文件拖拽到扩展程序界面,按照对应提示点击确认即可。