安装 vue-devtool调试工具

1、安装vue-toll

git clone https://github.com/vuejs/vue-devtools

报错:
image.png
解决办法:
只需要在命令行中执行
git config --global --unset http.proxy

2、npm install

`cd vue-devtools
npm install`

3、npm run build

报错:安装 vue-devtool调试工具_第1张图片

4、 查找vue-devtools\packages\shell-chrome 目录下的manifest.json文件

安装 vue-devtool调试工具_第2张图片

5、打开找着"persistent": false 将值修改为 true

安装 vue-devtool调试工具_第3张图片

6、保存编译 执行命令 $ npm run build(编译)

安装 vue-devtool调试工具_第4张图片
有报错 ,放置不理,安装时会报错

7、装yarn

执行 $ npm install yarn -g (安装 yarn 工具)

8、执行 $ yarn install (用 yarn 安装依赖 )

9、执行 $ yarn run build (用 yarn 编译)

还是有报错
安装 vue-devtool调试工具_第5张图片
怀疑没有安装webpack

10、安装webpack

11、再次执行 $ cnpm install

12、yarn install (安装依赖)

13、执行 $ yarn run build (编译)

安装 vue-devtool调试工具_第6张图片

14、谷歌浏览器

Chrome浏览器右上角竖向排列3点 》更多工具 》 扩展程序 ,点击“加载已扩展的程序”,选中shell-chrome
安装 vue-devtool调试工具_第7张图片
安装 vue-devtool调试工具_第8张图片

你可能感兴趣的:(前端)