1.进入github搜索vue-devtools,点击clone，下载项目文件
vue-devtools的github地址
附上地址：传送门
2.将压缩包解压到电脑目录，进入项目文件夹，是不是很熟悉，没错这就是npm项目
3,鼠标右键打开power shell命令行，运行 npm install ,安装依赖包,也可使用cnpm安装
4.运行npm run build ,进行构建
5.打开chrome浏览器，点击选项，更多工具，拓展程序，
6.进入shell文件夹，将构建出的chrome文件夹拖到chrome拓展程序页，点击确认，成功添加新的拓展程序。
1.使用之前必须对vue项目进行相关设置，在Vue加载之后设置立即设置Vue.config.devtools = true，
2.chrome浏览器按f12，即可看到vue菜单，
3，点击vue菜单，即可看到左侧组件嵌套情况，右侧则可选择查看组件，vuex数据仓库,事件派发情况，vue-router，工具设置等等
4,点击某个组件，还可以看到该组件对应的真实dom,传入的props,data等。
vue-devtools 安装教程 本文前提条件：已安装nodejs，npm使用淘宝镜像cnpm，chrome浏览...
注:需要用vue.js,不要使用压缩版的vue.min.js 安装 转自Vue-Devtools安装配置教程（献给...
1、vue-devtools vue-devtools的安装与使用 2、proxyee-down proxyee-...
安装 1.进入github搜索vue-devtools,点击clone，下载项目文件 附上地址：传送门 2.将压缩...
先说一个常用的vue辅助工具vue-devtools安装教程。 一、什么是Vuex？为啥要使用它呢？ 首先我们假设...
按照vue-devtools github上的教程安装失败，npm，cnpm，yarn都试过，还是报错Error:...
1.拉取git仓库 2.安装（注意千万不要使用npm安装，都是坑，头铁的可以试试） 3.run build 4.成...
本文主要介绍 vue的调试工具 vue-devtools 的安装和使用 chrome商店直接安装 vue-devt...
vue-devtools安装 手动安装 第一步：找到vue-devtools的github项目，并将其clone到...
chrome调试插件vue-devtools安装步骤： 1.npm install vue-devtools 2....
本文标题：vue-devtools安装使用教程
本文链接：https://www.haomeiwen.com/subject/wrpyactx.html
网友评论