如何在chrome浏览器中安装vue的调试工具
发布时间：2022-08-21 07:30:09
标签：怎么安装Vue的调试工具,如何在chrome浏览器中安装vue的调试工具
听说前段框架vue挺火的，就想折腾学习下这个超火的前端框架。框架确实简单，但是和传统的js html还是有些区别的。所以调试上面还是有些问题的。网上搜索了怎么安装Vue的调试工具，但是发现都有些问题，所以这里跟大家介绍下如何在chrome浏览器中安装vue的调试工具？
如何在chrome浏览器中安装vue的调试工具
1.安装 vue的调试工具 vue-devtools
从https://github.com/vuejs/vue-devtools 下载vue-devtools
2.安装nodejs https://nodejs.org/en/download/
3.安装yarn https://yarnpkg.com/en/docs/install
4. 解压下载下来的vue-devtools-dev
在vue-devtools-dev 目录下执行
yarn install
yarn run build
5.扩展Chrome插件
打开Chrome浏览器 > 更多程序 > 拓展程序
点击加载已解压程序按钮, 选择 vue-devtools-dev > packages > shell-chrome 放入, 安装成功如下图
6. vue-devtools使用
vue项目, 打开f12, 选择vue就可以使用了.
vue是数据驱动的, 这样就能看到对应数据了, 方便我们进行调试，如下图所示
0
投稿猜你喜欢
对于很多用户而言，微软Office套装可以说是一款相当重要的软件了。不知经常使用Office的用户有没有遇到过程序崩溃或者其他技术问题，如果- 现在Excel在办公软件中已经很实用，得到了多数人的认可，里面非常强大的功能总能够给我们的工作带来方面。就像Excel中的公式、函数非常强大
- 平时工作中制作表格时，我们常常会插入一些图片，让表格更加生动，今天小编为大家介绍一下如何在excel表格中插入剪贴画。在excel菜单“插入
- 由于 iOS 系统特殊的沙盒机制，未越狱状态下用户不能随意修改系统文件，越狱后安装各种主题插件可以修改 App 图标，今天教大家如何在没有越
- 如何标记wps office表格中的数据？在超市一周的进货账单中，想要快速标记出只进货一次的商品，如何快速标记呢？一、标记wps offic
- 神舟战神Z7-CT7Pro搭载4K OLED屏幕、i7-9750H处理器、GTX1660Ti显卡，以及16GB内存，完美满足用户的使用需求。
- 电脑还能安装Win7系统吗？电脑怎么重新安装Win7系统？因为微软已经停止更新Win7好几年，现在大多数朋友用的是Win10，而且还有刚推出
- Windows11中有个非常方便的功能，可以在主页菜单的“推荐的项目”中显示最近打开文件、安装软件，能够帮助用户快速找到需要重复使用信息，但
- HUAWEI MateBook X Pro 2019是一款便携式笔记本电脑，它非常的轻薄外观性能也是非常的强大美观，很多用户早就已经迫不及待
- Win7系统是一款非常优秀的电脑系统，而且性能也是非常稳定的，但有时候在我们使用电脑黑屏使用鼠标唤醒的时候，却没有任何效果，遇到这种情况要如
- cmd命令提示符拥有非常多的功能！今天小编为大家带来的就是使用cmd命令提示符重装win10方法！感兴趣的话就快来看看吧。【cmd常用命令大
- win10系统如何旋转屏幕？在win10系统中，支持用户设置屏幕旋转，可以更好的多个角度展示所需，那么应该怎么设置屏幕旋转呢？一起来看下吧。
- 前些天，在很多网站以及论坛发生了一些事，有人说32位的Windows 7能够识别出4G的内存，那就代表32位的Windows 7能够使用4G
- 在ppt中不但可以插入超链接，我们还可以在PPT幻灯片中添加动作是指为所选对象添加一个操作，然后单击该对象时，或者鼠标在其移过，或者悬停时执
- 最近有win7系统用户反映，360浏览器中的导航网址可以快速的打开网站，但在使用电脑360浏览器浏览网页时发现，打不开360浏览器导航提示“
- 微软表示，Windows 10现在更多地给看做一种服务，而非一种产品，因此Windows 7、Windows 8.1、Windows Pho
- 在WORD2003中，使图片相对于页边距下侧1cm，步骤如下：第一步，打开word2003，并插入图片，如下图所示： 第二步，右键点击图片→
- Python语法简洁而清晰，具有丰富和强大的类库。它常被昵称为胶水语言，能够把用其他语言制作的各种模块（尤其是C/C++）很轻松地联结在一起
- 网易新闻怎么设置字体大小？网易新闻集头条、娱乐、体育等板块，是一款非常好用的新闻阅读软件。网易新闻要怎么设置字体大小呢，下面就给大家分享具体
- 在制作wps幻灯片的时候 ，要怎么在幻灯片中裁剪图片呢?下面小编就为你介绍wps ppt怎么样裁剪图片的方法啦!wps ppt裁剪图片的方法
