介绍

vue-devtools 是一款基于chrome游览器的插件，用于调试vue应用

1.进入Vue官网，选择生态系统 > 工具 > Devtools

图片.png

2.在GitHub上克隆下来

图片.png

将vue-devtools clone到本地
git clone https://github.com/vuejs/vue-devtools.git

3.在vue-devtools目录下安装依赖包

cd vue-devtools
npm install

4.编译代码

npm run build

5.修改

vue-devtools/shells/chrome目录下的manifest.json文件，将 persistent改成 true

6.在浏览器中设置

打开chrome，输入chrome://extensions/进入到chrome扩展程序设置页面

打开右上角的开发者模式

点击加载已解压的扩展程序选择 vue-devtools/shells/chrome

image

这样就安装完成了，vue的界面F12就可以看到

image

vue(2)
Vue组件化开发组件化开发的思想组件的注册组件间的数据交互组件插槽的用法 Vue调试工具的用法组件开发思...
vue 复习1
一、如何理解vue:vue是一款组件化，数据驱动的mvvm框架二、 vue安装:vue提供了脚手架，方便开发者开...
0.Vue知识学习整理-1_2020-03-17
一.Vue开发知识体系：二.Vue知识整理：4.组件通信 Vue.component('组件name',{......
Vue的组件通讯多种实现方式
组件化：组件化是vue的核心思想，它能提高开发效率，方便重复使用，简化调试步骤，提升整个项目的可维护性，便于多人...
[学习vue]组件化实战
组件化组件化是vue的核心思想，它能提高开发效率，方便重复使用，简化调试步骤，提升整个项目的可维护性，便于多人...
uniapp
开发工具开发者中心如何学习？vue和微信小程序的区别、比较uni-app官方教程学习手记Vue单文件组件 (SFC...
vue-devtoools开发工具的安装
vue单页面应用的开发，那么调试工具是必不可少的,那么vue-devtools就是首选的开发利器。因为vue是数...
给Chrome安装vue-DevTool
最近在学习Vue.js，为了便于调试需要给Chrome浏览器安装vue-devtools开发工具手动安装: 1....
前端开发者的福音！通过拖拽就可生成Vue代码的平台来了！
Vue组件代码生成平台 Vue组件代码生成平台是一款面向Vue开发者的拖拽式组件代码生成工具。通过它可以快速搭建V...
SaCa ACAP 全面支持 Vue，你想知道的都在这里
Vue 火爆全球，SaCa ACAP 全面支持前端框架 Vue 凭借其平缓的学习曲线、组件化的开发方式、高性能框...