（谷歌浏览器）如何在vscode中搭建vue.js devtools的环境
最新推荐文章于 2024-08-30 08:49:08 发布
jsmilzty
最新推荐文章于 2024-08-30 08:49:08 发布
阅读量355
收藏
2
点赞数
16
最新推荐文章于 2024-08-30 08:49:08 发布
阅读量355
收藏
2
点赞数
16
搭建过程中明明所有操作步骤都做了，却还是出现下面这种情况：
以下是正确的搭建操作步骤：
根据一下图片在vscode中创建文件夹；
将以下代码写入；
<script type="text/javascript" src="../js/vue.js"></script>
接下来就是我们需要点击https://vuejs.zcopy.site/，进入到网站后，点击学习-教程；
点击安装，然后就会看到开发版本和生产版本；
分别点击开发版本和生产版本，将它们的代码分别复制到在vscode中的vue.js和vue.min.js中；
运行01_初始vue.html，会出现下面所显示的错误，是因为我们的插件还未添加到谷歌浏览器的拓展程序里；
插件放在下面啦！！！
链接：https://pan.baidu.com/s/1HMp-PGk5TNNK5jSSlZqvYA?pwd=fto7
提取码：fto7
将解压后的插件添加到谷歌浏览器的扩展程序中，然后刷新网页，点击F12查看情况；
输入Vue和Vue.config看是否出现下面情况；
该默认值的代码如下，同时写了一个小案例测试：
将图片里的代码写入，运行；
点击Vue，看是否出现下面这种；
就算搭建成功了！！！
扫一扫
3550
暂无认证
到【灌水乐园】发言
CSDN-Ada助手: 恭喜你开始博客创作！搭建vue.js devtools的环境是一个很不错的主题，希望你能继续分享更多关于前端开发的经验和技巧。建议下一步可以深入探讨如何利用这个环境进行调试和优化，期待你的更多精彩内容！加油！ 推荐【每天值得看】：https://bbs.csdn.net/forums/csdnnews?typeId=21804&utm_source=csdn_ai_ada_blog_reply1
CSDN-Ada助手: 恭喜你这篇博客进入【CSDN每天最佳新人】榜单，全部的排名请看 https://bbs.csdn.net/topics/618380514。