zoukankan      html  css  js  c++  java
  • Vue Devtools的安装

    最近在学习Vue,因为安装调试工具Vue Devtools的时候碰到了些问题。

    因为不能直接在谷歌的扩展程序中直接搜索devtools来安装该工具,通过上网搜索资料,参考一些资料后解决这个问题。在这记录一下。

    具体步骤如下:

    1 在github上下载压缩包,地址是: https://github.com/vuejs/vue-devtools

    2 下载完成后解压到本地某盘中,解压后文件夹是

    3 进入到vue-devtools-master文件夹下(此时默认我们已经安装了node的npm),用npm安装

      1、$ cnpm install  (cnpm是npm的镜像,需要一点时间)

      2、$ cnpm run build

    4 修改vue-devtools-mastershellschromemainifest.json 中的persistant为true,即:

    5 打开谷歌浏览器,找到扩展程序,在页面上勾选 -  开发者模式,然后把vue-devtools-mastershells下面的chrome文件夹直接拖拽到页面上安装

    6 打开自己的vue项目,如果是有vue-cli构建的项目,执行npm run dev,打开http://localhost:8080/ 服务器调试地址;按F12进入调试页面。至此devtools的安装完成;

  • 相关阅读:
    很实用的linux 上的svn安装和svnserver 的重启
    将单链表逆置*
    25 链队列
    24 顺序队列(循环队列)
    23 顺序队列
    界面常见的交互反馈
    事件
    22 链栈
    渲染“Hello World”(将脚本数据渲染在界面上)
    引用(import 和 include)
  • 原文地址:https://www.cnblogs.com/hopexi/p/7066073.html
Copyright © 2011-2022 走看看