zoukankan      html  css  js  c++  java
  • vue之调试工具DevTools

    vue,调试工具DevTools

    第一步:复制项目到本地,可以使用git clone https://github.com/vuejs/vue-devtools.git 到本地,也可以直接将项目下载到本地

    https://cn.vuejs.org/  vue官网中生态系统》工具》DevTools可以找到项目的地址。

    第二步:使用npm 或者cnpm 安装依赖  

    npm install
    cnpm install

    推荐使用第二种,快

    请注意下载项目的时候的分支,本人是在master分支上操作的

    安装完依赖之后。

    第三步:执行打包

    npm run build
    cnpm run build

    第四步:打开你的谷歌浏览器找到扩展程序,找不到请自行百度在哪里找。

    第五步:打开浏览器当中的

     目录选择到:

     然后就能添加上vue开发工具了

    如果你发现你的浏览器中存在vue图标,但是没有vue调试栏目,请检查你的项目是否开启了调试工具

    官网推荐:Vue.config.devtools = true;添加在项目的main.js中。

    重启项目,应该就会看到vue调试出现了。

  • 相关阅读:
    修改VNC的分辨率
    How to use WinSCP with public key authentication
    CentOS-7-x86_64-DVD-1511.iso
    6.828
    Tampermonkey版Vimium
    servlet+jsp完成简单登录
    Servlet知识点小结
    HTTP基础知识点小结
    LeetCode 371两数之和
    LeetCode53 最大子序列问题
  • 原文地址:https://www.cnblogs.com/shangguancn/p/13772202.html
Copyright © 2011-2022 走看看