安装前的准备
- 因为安装依赖需要
Node.js环境。所以，第一件事就是安装Node.js。 - 安装完成之后，从
github的下载地址将该插件下载下来：https://github.com/vuejs/vue-devtools
安装步骤
- 下载之后，解压文件，然后复制粘贴解压的文件，放在某个盘的某个文件夹下面。
- 然后通过
Windows+R这个快捷键打开“运行”对话框，输入cmd，进入命令行。 - 在命令行内，进入到
vue-devtools-master目录下。 - 先执行
npm install命令；（执行过程比较长，请耐心等待...） - 执行成功后，再执行
npm run build命令； - 这两个命令都执行成功，就可以关闭命令行了。
- 然后进入
C:\Software\vue-devtools-master\shells\chrome目录下，修改mainifest.json文件中的persistent属性的值为true。（根据自己安装的目录去找mainifest.json文件） - 打开谷歌浏览器 —— 点击右上角
纵向排列的三个点选项 —— 更多工具 —— 右上角勾选开发者模式（有的已默认勾选了）—— 加载已解压的扩展程序 —— 找到本地磁盘中vue-devtools-master目录下的chrome文件夹 —— 选择该文件夹并点击确定按钮。