锐客网

  1. 首页 > 生活百科 > it技术 > >

安装 vue-devtool调试工具

前端

1、安装vue-toll

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

报错：
安装 vue-devtool调试工具
文章图片

解决办法：
只需要在命令行中执行
git config --global --unset http.proxy
2、npm install `cd vue-devtools
npm install`
3、npm run build 报错：安装 vue-devtool调试工具
文章图片

4、 查找vue-devtools\packages\shell-chrome 目录下的manifest.json文件 安装 vue-devtool调试工具
文章图片

5、打开找着"persistent": false 将值修改为 true 安装 vue-devtool调试工具
文章图片

6、保存编译 执行命令 $ npm run build（编译） 安装 vue-devtool调试工具
文章图片

有报错 ，放置不理，安装时会报错
7、装yarn 执行 $ npm install yarn -g (安装 yarn 工具)
8、执行 $ yarn install (用 yarn 安装依赖 ) 9、执行 $ yarn run build （用 yarn 编译） 还是有报错
安装 vue-devtool调试工具
文章图片

怀疑没有安装webpack
10、安装webpack 11、再次执行 $ cnpm install 12、yarn install （安装依赖） 13、执行 $ yarn run build （编译） 安装 vue-devtool调试工具
文章图片

14、谷歌浏览器 【安装 vue-devtool调试工具】Chrome浏览器右上角竖向排列3点 》更多工具 》 扩展程序 ，点击“加载已扩展的程序”，选中shell-chrome
安装 vue-devtool调试工具
文章图片

安装 vue-devtool调试工具
文章图片

    推荐阅读


    上一篇：ESP32+阿里云+vscode_Pio

    下一篇：vue 封装组件