上文中记录了如何搭建vue的开发环境,本文记录Vue提供的强大调试神器的安装流程!
1、插件下载链接:https://github.com/vuejs/vue-devtools/tree/master
如图,左面框选择或输入master,在点击右边 “克隆与下载” 下载插件
2、下载之后,解压文件,然后复制粘贴解压的文件,放在某个盘的某个文件夹下面。
3、通过Windows+R这个快捷键打开“运行”对话框,输入cmd,进入命令行。
4、在命令行内,进入到第2步中存放的文件夹下的vue-devtools-master目录下。
5、先执行npm install命令;(执行过程比较长,请耐心等待…)
6、执行成功后,再执行npm run build命令;(两个命令都执行成功,关闭命令行)
7、进入 第2步文件存放位置\vue-devtools-master\shells\chrome目录下,修改mainifest.json 文件中的persistent属性的值为true。