最近遇到一个很头痛的东西 就是安装vue 调试扩展程序 遇到的很多问题
按照正常下载流程 首先应该是去github上下载vue-devtools-dev包,
1:npm install
2:npm run build
3 配置谷歌浏览器 修改vue-devtools->shells->chrome文件夹下的mainifest.json 中的persistant为true
4:我们找到谷歌浏览器的扩展程序功能,勾选开发者模式,然后我们将插件文件夹里的进入vue-devtools->shells->chrome,选择chrome文件夹。文件夹直接拖到页面中,完成安装。
遇到的问题
下载后 执行 npm install 报错
在网上找到搜到很多方法 几乎尝试了一个遍
例如
降低 npm 版本(但是 又会出错 node与npm版本不一致 导致报错 然后又对照node官网 安装了对应的npm )
执行 npm run build 报错
构建出错:Cannot find module ‘@vue-devtools/build-tools’
百度了很久没能解决。(安装 yarn 代替 npm 进行上述步骤,构建成功)
但是我用yarn还是不行。
最终解决的方案 :使用命令行解决
新建一个文件夹 进入并执行 npm install vue-devtools
进入verder下的 manifest.json ,修改persistent 为 true
最后将vender 文件拖至谷歌浏览器的扩展程序
打开本地vue项目