美文网首页
vue-devtools 安装教程

vue-devtools 安装教程

作者: 最帅的坏兔子 | 来源:发表于2019-06-12 23:29 被阅读0次

vue-devtools 安装教程

本文前提条件:已安装nodejs,npm使用淘宝镜像cnpm,chrome浏览器

  1. 下载
    https://github.com/vuejs/vue-devtools
    下载vue-devtools

  1. 解压安装包
    在项目内打开命令行工具,可在空白处按住shift + 鼠标右键,选择在此处打开命令窗口
    输入cnpm install ,回车,安装项目依赖
    输入cnpm run build ,回车, 打包扩展程序需要的依赖

    打包完成
  2. 加载扩展程序
    打开chrome浏览器,打开扩展程序,可在地址栏直接输入:chrome://extensions/
    打开开发者模式,加载已解压的扩展程序,选择你的vue-devtools解压目录下的 vue-devtools-dev\shells\chrome

    加载扩展程序
  3. 安装完成

    安装完成
  4. 工具使用演示
    打开vue项目,在页面右键检查,选择vue,便可看到调试工具

    演示

90后小生,爱编程,爱运营,文艺与代码齐飞,魅力与智慧共存的全栈开发者一枚。

作者:Anting全栈开发 技术博客:https://www.jianshu.com/u/259b7db6cc20
来源:简书

学习交流群: 260352626 编程微刊-技术交流④
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

相关文章

  • vue-devtools 安装教程

    vue-devtools 安装教程 本文前提条件:已安装nodejs,npm使用淘宝镜像cnpm,chrome浏览...

  • vue-devtools 安装失败

    按照vue-devtools github上的教程安装失败,npm,cnpm,yarn都试过,还是报错Error:...

  • vue-devtools安装教程

    1.拉取git仓库 2.安装(注意千万不要使用npm安装,都是坑,头铁的可以试试) 3.run build 4.成...

  • Vue-Devtools

    注:需要用vue.js,不要使用压缩版的vue.min.js 安装 转自Vue-Devtools安装配置教程(献给...

  • vue-devtools安装

    vue-devtools安装 手动安装 第一步:找到vue-devtools的github项目,并将其clone到...

  • vue-devtools

    chrome调试插件vue-devtools安装步骤: 1.npm install vue-devtools 2....

  • 一些参考文章

    1、vue-devtools vue-devtools的安装与使用 2、proxyee-down proxyee-...

  • Vuex从入门到入门

    先说一个常用的vue辅助工具vue-devtools安装教程。 一、什么是Vuex?为啥要使用它呢? 首先我们假设...

  • vue-devtools安装使用教程

    安装 1.进入github搜索vue-devtools,点击clone,下载项目文件 附上地址:传送门 2.将压缩...

  • 前端常用工具配置

    自动刷新浏览器 bower安装 安装cnpm gulp安装 Vue vue-devtools安装

网友评论

      本文标题:vue-devtools 安装教程

      本文链接:https://www.haomeiwen.com/subject/vckdfctx.html