vue-devtools插件chrome浏览器安装(windows)

vue-devtools插件chrome浏览器下安装

  1. git/npm相关环境搭建安装

  2. 新建文件夹,打开后右键点击Git Brash Here,启动git命令行

  3. 输入命令 git clone -b v5.1.1 https://github.com/vuejs/vue-devtools.git 回车(切记是 v5.1.1 这个分支的,说多都是泪),下载完成后在新文件夹中生成vue-devtools工程,如图vue-devtools插件chrome浏览器安装(windows)

  4. 打开cmd命令行,进入新生成的目录中,并执行命令 cnpm install 下载依赖并安装,如图vue-devtools插件chrome浏览器安装(windows)

  5. 接着执行命令 npm run build 打包,如图打包成功vue-devtools插件chrome浏览器安装(windows)

  6. 打开chrome浏览器,找到 更多工具–扩展程序,把 vue-devtools\shells 的 chrome文件夹 拖到里面 如图vue-devtools插件chrome浏览器安装(windows)

  7. 重启chrome浏览器,F12进入开发者模式,在菜单栏找打 vue 选项,完成vue-devtools插件chrome浏览器安装(windows)