vue-devtoools 调试工具安装

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

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

有Git的同学直接 git clone https://github.com/vuejs/vue-devtools

2.下载安成之后打开cmd进入vue-devtools文件夹把依赖装好npm install 之后再进行npm run build

最好装一个cnpm

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

一切都万事具备了，打开chrome

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

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

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

大功告成！祝你们开发愉快

时间： 2024-08-01 11:58:35

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

VUE devtools 调试工具安装让vue飞起来

安装: 1.到github下载: git clone https://github.com/vuejs/vue-devtools 2.在vue-devtools目录下安装依赖包 cd vue-devtools npm install || cnpm install -- npm&cnpm i 到文件夹shells下 chrome 下打开manifest.json 文件把"persistent":false改成true 接着 num run build 打开chrome浏览器

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文件夹里生

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学习之旅...

Vue学习系列---安装

一.前言学任何东西都是有理由的,目前主要有Angular,React,Vue这三个前端MVVM框架.我选择vue原因很简单,“”入门简单“”,是的只是这个理由.相较于其他2个框架,vue的文档真的是太亲民的,入门曲线没有那么陡,对于我这种小菜鸟来说,是入门首选.等vue熟悉后,相信再看别的前端MVVM框架也是一通百通的效果. 目前流行的2套基于vue.js的UI框架element-ui(http://element-cn.eleme.io/#/zh-CN/component/installat

VUE之环境安装

一.环境安装软件安装: nodejs https://nodejs.org/en/ vscode https://code.visualstudio.com/docs/?dv=win python-2.7.15 https://pan.baidu.com/s/1LBqkL6PYXpa1LrUHLdLteQ Node.js环境安装参考该链接(很详细):https://www.cnblogs.com/zhouyu2017/p/6485265.html vscode推荐插件 Auto Close

vue项目环境安装

一.环境安装安装 node 官网直接下载安装包,按步骤安装 cmd 命令输入 node -v ,出现版本号即可 cmd 输入 npm -v, 出现版本号即可(用于安装依赖) npm install 经常太慢,所以可以下载淘宝镜像, 使用 cnpm install xxx,速度会快很多 npm install -g cnpm --registry=https://registry.npm.taobao.org' 之后几乎只要安装依赖都会用 cnpm 安装 vue 脚手架 cnpm install

Vue【第1章】：Vue介绍与安装

内容概要: Vue介绍安装Vue 一.Vue介绍 Vue是一套用于构建用户界面的渐进式框架.Vue的核心库只关注视图层.是一个单页面框架,是基于模块化组件化的开发模式. 二.安装Vue 1. 安装node.js nodejs目前使用nodejs最多的场景是前端构建工具,比如webpack.gulp.而Vue的组件要编译势必要借助webpack,所以肯定要提供npm的安装方式.目前Vue版本为2.5.x,配合nodejs的8.13.x版本使用.所以,我们安装一下nodejs8.14版本 1.1