最近在学习Vue,因为安装调试工具Vue Devtools的时候碰到了些问题。
因为不能直接在谷歌的扩展程序中直接搜索devtools来安装该工具,通过上网搜索资料,参考一些资料后解决这个问题。在这记录一下。
具体步骤如下:
1 在github上下载压缩包,地址是: https://github.com/vuejs/vue-devtools
2 下载完成后解压到本地某盘中,解压后文件夹是
3 进入到vue-devtools-master文件夹下(此时默认我们已经安装了node的npm),用npm安装
1、$ cnpm install (cnpm是npm的镜像,需要一点时间)
2、$ cnpm run build
4 修改vue-devtools-mastershellschromemainifest.json 中的persistant为true,即:
5 打开谷歌浏览器,找到扩展程序,在页面上勾选 - 开发者模式,然后把vue-devtools-mastershells下面的chrome文件夹直接拖拽到页面上安装
6 打开自己的vue项目,如果是有vue-cli构建的项目,执行npm run dev,打开http://localhost:8080/ 服务器调试地址;按F12进入调试页面。至此devtools的安装完成;