vue-devtools安装(图文详细教程)

1、下载vue-devtools工具

直接在github 上下载解压,网址为https://github.com/vuejs/vue-devtools
运行cmd打开终端,进入到解压后的目录里,windows切盘符命令为D:
进入目录文件为cd ./xxx 显示所有目录为dir
进入解压目录安装npm install 或者cnpm install(npm是node.js的一个插件,如果使用不了请先安装node.js和npm)

切换目录到解压后的目录cd ./vue-devtools-dev

vue-devtools安装(图文详细教程)_第1张图片

vue-devtools安装(图文详细教程)_第2张图片
vue-devtools安装(图文详细教程)_第3张图片
vue-devtools安装(图文详细教程)_第4张图片
vue-devtools安装(图文详细教程)_第5张图片
安装ok ,在google浏览器上输入chrome://extensions/,勾选开发这模式,点击加载已解压的扩展程序,选择vue-devtools>shells下的chrome文件夹。

vue-devtools安装(图文详细教程)_第6张图片

vue-devtools安装(图文详细教程)_第7张图片
2 点击图标,安装成功 。

你可能感兴趣的:(vue-devtools安装(图文详细教程))