chrome安装vue调试工具

原创

811427792 2017-10-25 23:57:33 博主文章分类：vue ©著作权

文章标签 vue 文章分类 服务器

©著作权归作者所有：来自51CTO博客作者811427792的原创作品，请联系作者获取转载授权，否则将追究法律责任

在github中可以用git，clone下来，链接：https://github.com/vuejs/vue-devtools
可以直接下载，解压在windows下
解压出来，进入vue-devtools-master文件夹，打开cmd。
cmd中敲上命令，npm install，安装完后，输入 npm run build 打包
打开vue-devtools-master-》shells-》chrome-》package.json文件中的 "persistent" : false;把false改为true；
最后把chrome文件夹直接拖到chrom浏览器中的扩展程序就可以了
重新打开浏览器就可以看到Vue

上一篇：vue_初次体验_1

下一篇：vue常用命令v-model

提问和评论都可以，用心的回复会被更多人看到评论

发布评论

相关文章

Chrome 安装 Vue Devtools 调试工具

源码下载地址：https://github.com/vuejs/vue-devtools Make sure you are using Node 6+ and NPM 3+ Clone this repo cd vue-devtools the newly created folder run y

chrome Click 源码下载
Chrome调试工具

chrome浏览器提供了一个

前端 css javascript 调试工具 css样式
Chrome接口调试工具

行充分的数据测试，很容易造成服务器端和客户端开发完成后出现不协调的情况，而今天给大家推荐的这款HTTP工具，

服务器端数据 chrome 客户端谷歌浏览器
vue调试工具vue-devtools安装

vue-devtools是一款基于chrome浏览器的插件，用于vue应用的调试，这款vue调试神器可以极大地提高我们的调试效率。帮助我们快速的调试开发vue应用。这里介绍一下vue-devtools的安装方法之一： chrome浏览器的应用商店不能直接访问（需要跨域），所以直接应用商店安装的方法

vue-devtools
06Chrome调试工具

1.打开调试工具打开Chrome浏览器，按下F12键或右击页面空白处->检查。2.使用调试工具Ctrl+滚轮可以放大开发者工具代码大小；左边是HTML元素结构，右边是CSS样式；右边CSS样式可以改变数值(左右箭头或者直接输入)和查看颜色Ctrl+0复原浏览器大小如果点击元素，发现右侧没有样式引入，极有可能是类名或样式引入错误；如果有样式，但是样式前面有黄色叹号提示，则...

Chrome
vue调试工具vue-devtools的安装

1.vue-detools是什么1.vue-devtools是一款基于chrome浏览器的插件，用于vue应用的调试2.这款vuit2.第二步：解压下载好的文件，进入到vue-devto

前端扩展程序 github Vue
console调试，chrome调试工具之Console

console调试，chrome调试工具之Console

javascript 前端 console调试 Console chrome调试工具
Vuetify调试工具vue-devtools安装

本文介绍在Windows环境下安装Vue调试工具vue-devtools的完整过程。

vuetify vue-devtools node.js
vue调试工具vue-devtools安装及使用

vue调试工具vue-devtools安装及使用本文主要介绍 vue的调试工具vue-devtools 的

调试工具 github 多程序
VUE devtools 调试工具安装让vue飞起来

安装:1.到github下载：gitclonehttps://github.com/vuejs/vue-devtools2.在vue-devtools目录下安装依赖包cdvue-devtoolsnpminstall||cnpminstall--npm&cnpmi到文件夹shells下chrome下打开manifest.json文件把"persistent":false改

vue devtools
开发者调试工具Chrome Workspace

Workspace是个什么样的东西呢？他能够在开发者工具中调试修改js或者css同时自动

调试工具 Workspace chrome 开发者工具 css
Chrome Workspace开发者调试工具

学习前端开发这么久了，在调试页面的时候会经常用到一些开发工具，个人喜欢用firebug。但今天小熊个人博客为大家说到的是Chrome里面的开发工具Workspace。Workspace是？Workspace允许开发着在Chrome调试工具中实时编辑源文件

chrome 源文件调试工具
chrome浏览器安装redux-devtools调试工具

1.点击进入https://www.chromefor.com/2.在搜索框搜索redux进行下载3.下载好之后将文件后缀名crx按F2手动改为rar(不要直接压缩）4.改好后缀名之后点击鼠标右键选择解压文件5.在chromel浏览器地址栏进入chrome://extensions/6.打开右上角开发者模式开关7.点击加载已解压的扩展程序选择第4步解压得到的文件夹8.安装成功

redux-devtools
0027 chrome调试工具

“工欲善其事，必先利其器” Chrome浏览器不仅可以调试页面、JS、请求、资源、cookie，还可以模拟手机进行调试。我们现在只是使用html和css，我们先讲一下现在常用的调试。 2.1 怎样打开Chrome的开发者工具？直接在页面上点击右键，然后选择 “检查” 快捷键 F12 或者 ctrl

html css chrome 外边距右键
Chrome 浏览器安装Vue Devtools调试工具 (详细教程)

Chrome 浏览器安装Vue Devtools调试工具 1. 首先下载Vue Devtools调试工具 2. 复制网址，在浏览器打开按照图示操作 3. 下载成功后解压即可，如下图所示 4. 解压后打开cmd命令切换到G:\Vue Devtools工具\vue-devtools-5.1.1路径下（你 ...

谷歌浏览器安装 devtools chrome 调试工具谷歌浏览器 json
Chrome的JS调试工具

你是怎么调试 JavaScript 程序的？最原始的方法是用 alert() 在页面上打印内容，稍微改进一点的方法是用 console.log() 在 JavaScript 控制台上输出内容。嗯~，用这两种土办法确实解决了很多小型 JavaScript 脚本的调试问题。不过放着 Chrome 中功能...

javascript 右键菜单 chrome 调用栈加载
vue调试工具dev-tools安装

vue调试工具dev-tools安装 vuevue-devtools是一款基于chrome浏览器的插件，用于vue应用的调试，帮助我们快速的调试开发vue应用。第一步：我们可以先从github上找到vue-devtools的项目，下载到本地。下载vue-devtools链接。克隆方法：git c ...

chrome 扩展程序 git vue.js chrome浏览器
chrome调试工具与emmet语法

...

IT
Vue开发与调试工具

vscode: Visual Studio Code https://code.visualstudio.com/Download 可以下载各个版本的，Windows/ Debian /Mac 等 Windows版本的安装就很简单了，傻瓜式安装，之后去https://marketplace.vis

自动生成快捷键自动补全正则 html

官方博客	全部文章	热门标签	班级博客
了解我们	在线客服	网站地图	意见反馈

开源基础软件社区	51CTO学堂
51CTO	汽车开发者社区