vue-devtools安装使用教程

vue-devtools安装使用教程

  1. github下载安装包 https://github.com/vuejs/vue-devtoolsvue-devtools安装使用教程_第1张图片

  2. 解压后进入vue-devtools,执行npm install(如果npm install不生效,或者总是报错,可以用yarn install)
    vue-devtools安装使用教程_第2张图片

  3. 然后npm build一下(或者yarn build)vue-devtools安装使用教程_第3张图片

  4. 进入packges,找到shell-chrome的mainfresh,json将president改为truevue-devtools安装使用教程_第4张图片
    vue-devtools安装使用教程_第5张图片

  5. 在vue-devtools这一级npm run dev(初次要启动一下,之后就不用了)vue-devtools安装使用教程_第6张图片

  6. 将shell-chrome文件夹拖到chrome浏览器的插件扩展程序中vue-devtools安装使用教程_第7张图片

  7. 完成。

你可能感兴趣的:(vuejs相关)