chrome and firefox 安装 vue-devtool

·  阅读 651

1. 从git克隆代码

git clone github.com/vuejs/devto…

or 下载zip包

如果git clone太慢或者报错, 下载zip快一些,解压zip。

2. yarn install

3. yarn run build

使用yarn 安装和编译。 可能每个人的安装过程,会有各种各样的问题。遇到问题,直接上网搜。

  1. npm install
  2. npm run build 使用npm的话,npm run build 报错。

npm_run_build报错.png

4. chrome 扩展vue-devtool

图1 chrom_扩展程序.png

图2 加载已解压的扩展程序.png

假设解压后的文件在 vue-devtool,点击“加载已解压的扩展程序”,选择vue-devtool> packages >shell-chrome.

image.png

添加成功,调试。 image.png

5. firefox扩展vue-devtool

图1 firefox1.png

图2 firefox2.png

图3 firefox3.png

分类:
前端
标签:
收藏成功!
已添加到「」, 点击更改