本文介绍了如何在Vue.js 3.0中安装和使用vue-devtools进行调试。在Vue 3.0中，vue-devtools已默认启用，无需额外设置。首先，通过github页面的链接下载并安装Chrome插件，安装完成后重启浏览器。然后，创建一个Vue 3.0的demo，引入vue的最新开发版本。在浏览器中运行应用，打开开发者工具，即可在vue-devtools标签页中查看和调试Vue组件。
vue-devtools是用来在浏览器中调试Vue.js的利器，vue-devtools的github地址请点击这里。github页面中显示的打开vue-devtools的方法是针对Vue 2.0的，在Vue 3.0开发版本中默认是打开devtools的调试的，不需要做特殊操作。
安装google chrome插件
在 github页面上找到安装地址，就是下方红色标记那个链接：
安装成功后，需要重启一下google chrome。
试用 dev-tools
vue.js 3.0教程可以移步这里。我们根据教程中的声明式渲染这个小节的代码创建一个demo，其中引用vue的最新开发版本方法是在script元素中的src设置为"https://unpkg.com/vue@next"，具
最低0.47元/天 解锁文章
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
