vue调试工具的安装

开发避免不了的就是调试工具，因为vue是进行数据驱动的，单从chrome里面进行element查看，查不到什么鸟东西，必须要进行对数据动向进行关查，那我就行一步一步教大安装

首先是下载这个工具，github下载地址：https://github.com/vuejs/vue-devtools，或者直接使用git克隆下来 git clone https://github.com/vuejs/vue-devtools

下载好后，在项目里面进入cmd  把依赖装好npm install 之后再进行npm run build

然后打开shells>chrome>manifest.json 把里面的"persistent": false改为true

打开chrome—打开里面的设置 > 点击扩展程序 > 点击开发者模式

再点击加载已解压的扩展程序，然后把shells>chrome这个文件夹放入就ok了

你再打开一个用vue写的网页，你再打开chrom调试工具你就会发现

时间： 2024-10-06 14:05:45

vue调试工具的安装的相关文章

vue调试工具vue-devtools安装及使用方法

vue调试工具vue-devtools安装及使用方法 https://www.jb51.net/article/150335.htm 本文主要介绍 vue的调试工具 vue-devtools 的安装和使用 工欲善其事, 必先利其器, 快快一起来用vue-devtools来调试开发你的vue项目吧 安装: 1.到github下载: ? 1 git clone https://github.com/vuejs/vue-devtools 2.在vue-devtools目录下安装依赖包 ? 1 2 cd

vue调试工具vue-devtools安装及使用

本文主要介绍 vue的调试工具 vue-devtools 的安装和使用 工欲善其事, 必先利其器, 快快一起来用vue-devtools来调试开发你的vue项目吧 安装:  1.到github下载: git clone https://github.com/vuejs/vue-devtools 2.在vue-devtools目录下安装依赖包 cd vue-devtools cnpm install 3.修改manifest.json文件 把"persistent":false改成tru

PHP调试工具Xdebug安装配置教程

PHP调试工具Xdebug安装配置教程 说到PHP代码调试,对于有经验的PHPer,通过echo.print_r.var_dump函数,或PHP开发工具zend studio.editplus可解决大部分问题,但是对于PHP入门学习的童鞋来说有一定的难度,而且仅仅通过上述这些PHP调试手段,也很难准确发现PHP性能方面的问题,Xdebug是一个非常有用的PHP调试工具. Xdebug作为PHP调试工具,提供了丰富的调试函数,也可将Xdebug安装配置为zend studio.editplus调试

vue 调试程序的安装（谷歌浏览器chrome的vuejs devtools 插件的安装）

1.首先在GitHub上下载vue的调试程序插件 vue-devtools  地址:在github上下载压缩包并解压到本地,github下载地址:https://github.com/vuejs/vue-devtools 2. npm install 下载完成后打开命令行cmd进入vue-devtools-master文件夹, 1. npm install,安装依赖包: 2. npm run build 3.npm run build 执行完, 会在shells>chrome下的src文件夹里生

谷歌chrome浏览器vue调试工具vue-devtools的安装

先导 vue-devtools是一款基于chrome浏览器的插件,用于vue应用的调试,这款vue调试神器可以极大地提高我们的调试效率.帮助我们快速的调试开发vue应用. 第一步: 我们可以先从github上找到vue-devtools的项目,下载到本地.下载vue-devtools链接. 克隆方法:git clone https://github.com/vuejs/vue-devtools.git 第二步: 解压下载好的文件,进入到vue-devtools目录,安装项目所需要的依赖包. 安装

chrome中安装Vue调试工具vue-devtools

极简插件 下载Vue Devtools 打开chrome://extensions/   开发者模式 将Vue.js Devtools_5.3.3_chrome.zzzmh.cn.crx拖拽进去即可 原文地址:https://www.cnblogs.com/LYD312/p/12234894.html

VUE.js devtool 安装简易教程（转）

最简便的方法是用FQ来通过google应用商店进行安装,但是大多数人还是处在非FQ的状态 尝试过安装Node的方法来安装,但是极其不建议用这个方法安装,非常麻烦,而且必须要有node的基础,非常不接地气 下面来一个最简便的方法(送给伸手党): 查看过很多博客大多数都是,要安装Vue-Devtools,在一个github下面用git clone或者手动下载一个叫做vue-devtools-master的文件.然后呢,你就要用npm进行install,然后再npm install build.所以这

vue开发环境安装步骤

前提:vue开发前提是安装好nodejs后,在nodejs环境下运行 1.npm工具在国内的网络环境下比较慢 推荐使用淘宝npm镜像https://npm.taobao.org/ 使用以下命令安装cnpm,以后就可以用cnpm来代替npm: npm install -g cnpm --registry=https://registry.npm.taobao.org 2.cnpm -v 查看当前cnpm安装版本 3.cnpm install -g vue-cli 安装脚手架(-g全局安装在系统的n

近一周学习之-----vue、webpack安装

1.vue安装 1.1.利用npm install -g vue vue安装完毕 2.webpack安装 npm install webpack -g webpack安装完毕 今天任务大功告成! 接下来利用webpack安装vue脚手架,开始vue学习之旅...