vue-devtools插件chrome浏览器安装(windows)
vue-devtools插件chrome浏览器下安装
-
git/npm相关环境搭建安装 ;
-
新建文件夹,打开后右键点击Git Brash Here,启动git命令行 ;
-
输入命令
git clone -b v5.1.1 https://github.com/vuejs/vue-devtools.git
回车(切记是 v5.1.1 这个分支的,说多都是泪),下载完成后在新文件夹中生成vue-devtools工程,如图 ; -
打开cmd命令行,进入新生成的目录中,并执行命令
cnpm install
下载依赖并安装,如图 ; -
接着执行命令
npm run build
打包,如图打包成功 ; -
打开chrome浏览器,找到 更多工具–扩展程序,把 vue-devtools\shells 的 chrome文件夹 拖到里面 如图;
-
重启chrome浏览器,F12进入开发者模式,在菜单栏找打 vue 选项,完成 ;