zoukankan      html  css  js  c++  java
  • Vue开发调试神器 vue-devtools

    Vue开发调试神器: vue-devtools

    1. 下载Chrome扩展插件
    GitHub下载地址:

    https://github.com/vuejs/vue-devtools

    建议使用npm淘宝镜像按照依赖包

    地址:http://npm.taobao.org/
    

     

    命令行安装npm淘宝镜像:

    $ npm install -g cnpm --registry=https://registry.npm.taobao.org
    

      

    之后我们就可以使用cnpm代替npm按照依赖包了,npm安装依赖包确实太慢了.....

    2. 安装编译

    cnpm install
    

      

    cnpm run build
    

      

    打开shells>chrome>src>manifest.json并把json文件里的"persistent":false改成true

    3. 将插件加入Chrome扩展插件

      打开chrome浏览器,打开设置>更多工具>扩展程序>点击开发者模式;

      点击“加载已解压的扩展程序”,然后选择vue-devtools-dev>shell>chrome文件夹;

    最后打开一个vue项目,f12打开调试工具就可以进行vue项目的调试了。

  • 相关阅读:
    nginx启动
    java中有三种移位运算符
    easyUI属性汇总
    rose学习
    eclipse 启动到load workbench 后静止
    nvl函数
    Io 异常: Socket closed
    编译错误和运行时错误
    java 二进制编码
    MyFormat 幫助類
  • 原文地址:https://www.cnblogs.com/sandaizi/p/11582610.html
Copyright © 2011-2022 走看看