0
点赞
收藏
分享

微信扫一扫

vue学习:chrome 中 vuetools 开发插件 的下载、安装


文章目录

  • ​​一、下载​​
  • ​​二、安装​​
  • ​​三、加载到Google​​
  • ​​四、测试​​


以前也做过,但老是忘记,这次吉林一下

一、下载

  1. 百度云地址双手奉上

链接:https://pan.baidu.com/s/1u3PXqq7kgxLG6YDv3Y6Zmg 
提取码:shva
复制这段内容后打开百度网盘手机App,操作更方便哦

  1. 下载chrome扩展插件。
    在github上下载压缩包并解压到本地,​​​github下载地址:https://github.com/vuejs/vue-devtools​​,打开后,进入到 master 分支,在下载或者拉取
  2. 解压后如下所示:

二、安装

  1. 打开命令行cmd进入vue-devtools-master文件夹
  2. ​npm install​​,安装依赖包;如果安装太慢,请使用淘宝镜像,此处不再赘述。
  3. ​npm run build​
  4. vue学习:chrome 中 vuetools 开发插件 的下载、安装_github


  5. ​npm run build​​ 执行完,则进行构建完成,并找到​​shells/chrome​​文件夹;
  6. vue学习:chrome 中 vuetools 开发插件 的下载、安装_vue_02


  7. 打开​​shells>chrome>manifest.json​并把json文件里的"persistent":false改成true
  8. vue学习:chrome 中 vuetools 开发插件 的下载、安装_百度_03


三、加载到Google
  1. 扩展chrome插件
  2. 打开chrome浏览器,打开​​右上角三点>更多工具>扩展程序​​;
  3. 再点击加载已解压的扩展程序,然后把​​shells>chrome​​文件夹放入,即可
  4. vue学习:chrome 中 vuetools 开发插件 的下载、安装_github_04


四、测试

写了一个 vue 的 helloworld ,然后打开开发者模式,有个vue模块,则说明 插件安装成功。如图所示

vue学习:chrome 中 vuetools 开发插件 的下载、安装_github_05

安装​​vue的Google插件​​ 到此结束。




举报

相关推荐

0 条评论