admin管理员组文章数量:1130349
提示：推荐使用最新版本的edge浏览器
一、下载
进入极简插件官网：https://chrome.zzzmh，点击左侧导航栏第二个"插件",往下滑找到"Vue.js.Devtools",点击Edge专用，点击右上角获取，获取后弹出以下窗口，点击添加拓展
然后点击浏览器右上角三个点
点击拓展，然后点击管理拓展，找到Vue.js.devtools，点击详细信息，勾选左侧开发人员模式和允许访问文件URL
二、使用
打开Vscode,复制以下代码，测试能否使用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="app">
账户：<input v-model="username" type="text"> <br><br>
密码：<input v-model="password" type="password"> <br><br>
<textarea>{{username+password}}</textarea>
</div>
<script src="https://cdn.jsdelivr/npm/vue@2/dist/vue.js"></script>
<script>
const app = new Vue({
el: '#app',
data: {
username: '',
password: ''
}
})
</script>
</body>
</html>
复制完，按ALT+B快捷键(在默认浏览器中打开)，将默认浏览器设为edge,打开后按F12/右键选择检查，查看是否出现Vue，如下图所示，出现的话就代表成功了，可自行添加数据进行测试，如果没出现说明失败了，查看是否按照以上步骤完成下载和使用，查看自己edge浏览器的版本是否是最新版本，默认浏览器是否设为edge。
如果大家在实践中遇到任何问题，或对某个观点有不同看法，欢迎在评论区留言告诉我～我会尽力解答，也期待和大家一起讨论！如果大家觉得这篇内容有用，点击右上角「关注」，以后我会持续更新一些关于编程的内容
提示：推荐使用最新版本的edge浏览器
一、下载
进入极简插件官网：https://chrome.zzzmh，点击左侧导航栏第二个"插件",往下滑找到"Vue.js.Devtools",点击Edge专用，点击右上角获取，获取后弹出以下窗口，点击添加拓展
然后点击浏览器右上角三个点
点击拓展，然后点击管理拓展，找到Vue.js.devtools，点击详细信息，勾选左侧开发人员模式和允许访问文件URL
二、使用
打开Vscode,复制以下代码，测试能否使用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="app">
账户：<input v-model="username" type="text"> <br><br>
密码：<input v-model="password" type="password"> <br><br>
<textarea>{{username+password}}</textarea>
</div>
<script src="https://cdn.jsdelivr/npm/vue@2/dist/vue.js"></script>
<script>
const app = new Vue({
el: '#app',
data: {
username: '',
password: ''
}
})
</script>
</body>
</html>
复制完，按ALT+B快捷键(在默认浏览器中打开)，将默认浏览器设为edge,打开后按F12/右键选择检查，查看是否出现Vue，如下图所示，出现的话就代表成功了，可自行添加数据进行测试，如果没出现说明失败了，查看是否按照以上步骤完成下载和使用，查看自己edge浏览器的版本是否是最新版本，默认浏览器是否设为edge。
如果大家在实践中遇到任何问题，或对某个观点有不同看法，欢迎在评论区留言告诉我～我会尽力解答，也期待和大家一起讨论！如果大家觉得这篇内容有用，点击右上角「关注」，以后我会持续更新一些关于编程的内容
版权声明：本文标题：别在谷歌上下载Vue.js.devtools了，手把手教大家在edge浏览器上下载并使用Vue.js.devtools（6.6.3版本） 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://it.en369.cn/jiaocheng/1760299381a2852819.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论