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

报错:image.png

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

image.png

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

image.png

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

image.png
有报错 ,放置不理,安装时会报错

7、装yarn

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

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

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

还是有报错
image.png
怀疑没有安装webpack

10、安装webpack

11、再次执行 $ cnpm install

12、yarn install (安装依赖)

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

image.png

14、谷歌浏览器

Chrome浏览器右上角竖向排列3点 》更多工具 》 扩展程序 ,点击“加载已扩展的程序”,选中shell-chrome
image.png
image.png


错空隐没
16 声望0 粉丝

« 上一篇
vue 封装组件
下一篇 »
webpack入门