vue-devtools安装及使用

1. github下载：

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

2. 安装依赖：

　　cd vue-devtools

　　cnpm install

3. 修改vue-devtools > shells > chrome > manifest.json：

4. 编译代码：

　　cnpm run build

5. 打开Chrome，选择更多工具 > 扩展程序，点击加载已解压的扩展程序

选择vue-devtools > shells > chrome，就可以安装成功了

我们就可以愉快的使用vue-devtolls了

转载于:https://www.cnblogs.com/GXQi/p/10898479.html

vue-devtools安装及使用相关推荐

Vue Devtools安装（谷歌浏览器插件：）
vue安装: # 最新稳定版 $ npm install vue # 全局安装 vue-cli $ npm install --global vue-cli # 创建一个基于 webpack 模板的新 ...
Vue Devtools 安装
Vue Devtools 是Chrome 浏览器插件,用来调试Vue的,能够更直观.更友好的调试Vue应用下载地址:https://github.com/vuejs/vue-devtools#vue ...
Vue插件开发工具的安装以及解决Vue Devtools安装后语法启动，图标仍然不亮的问题
插件安装: 1.极简插件安装地址:https://chrome.zzzmh.cn/index 安装详细步骤看下篇文档解决问题第一: 1.找到扩展程序的安装目录.如图片所示: 2.用记事本打开,或者 ...
vue——devtools安装（实时监测vue的data数据变动）
vue-devtools链接本地安装方法: 打开谷歌浏览器设置 -> 扩展程序 -> 勾选开发者模式 -> 加载已解压的扩展程序 -> 选择"chrome扩展&qu ...
超详细Vue Devtools的下载和安装——Vue的调试工具
在使用 Vue 时,我们推荐在浏览器上安装 Vue Devtools. Vue Devtools 是 Vue 官方发布的调试浏览器插件,可以安装在 Chrome 和 Firefox 等浏览器上,直接内 ...
安装vue Devtools学习记录
在学习vue之前,建议使用Google chrome上安装vue devtools拓展工具.vue devtools提供界面供我们查看vue组件和全局状态管理器vuex中记录的数据. 有条件的可以直接 ...
安装Vue Devtools调试工具插件
Vue Devtools是Vue官方推出的浏览器插件,可以算是Vue开发调试神器,它可以让你能够在浏览器实时的编辑数据并立即看到其反映出来的变化,让你告别console大法.非常好用,谁用谁知道,Vu ...
Chrome浏览器-vue调试工具dev-tools安装
vue调试工具dev-tools安装 git bash 管理端执行相关命令 # 下载源码 git clone https://github.com/vuejs/vue-devtools.git # 进 ...
在火狐浏览器安装vue devtools【简单、快速】
1.打开火狐浏览器 2.添加组件 3.搜索vue devtools 4.点击第一个 5.点击添加到火狐 6.在跳出的框中点击确认添加 7.到此添加成功 8.按F12就可以看到vue扩展程序了
Vue DevTools可使用修正方法
因为工作要求,目前主要在用Vue.js技术栈做开发,调试是必不可少的,这里会用的Vue DevTools的调试工具,问题就出在这里,当用Vue DevTools做调试时,很多时候都不能用,提示没有监测 ...

vue-devtools安装及使用

vue-devtools安装及使用相关推荐

最新文章

热门文章