谷歌浏览器安装vue-devtools

vue-devtools安装

  • 下载
  • 安装

安装之前,确保有node环境

下载

github下载地址
下载的方法有很多,这里就不一一叙述。如果不会git语法,最直接的方式就是点击clone or download下载zip到桌面解压。
谷歌浏览器安装vue-devtools_第1张图片

安装

cd命令进入到vue-devtools-dev目录
在这里插入图片描述
运行npm install(也可使用淘宝镜像cnpm install)
谷歌浏览器安装vue-devtools_第2张图片
打开vue-devtools-dev\shells\chrome这个目录下的manifest.json文件,将persistent中的false改为true
谷歌浏览器安装vue-devtools_第3张图片
运行npm run build(也可使用淘宝镜像cnpm run build)
谷歌浏览器安装vue-devtools_第4张图片
打开谷歌浏览器扩展程序
菜单->更多工具->扩展程序->加载已解压扩展程序
**未打开开发者模式的要在这个界面打开开发者模式
在这里插入图片描述
选择vue-devtools -> shells -> chrome文件夹
谷歌浏览器安装vue-devtools_第5张图片
此时安装完成
谷歌浏览器安装vue-devtools_第6张图片
**当然,如果你能够科学上网,在谷歌浏览器的插件市场直接搜索安装vue-devtools是最方便的。

你可能感兴趣的:(软件安装)