搭建过程中明明所有操作步骤都做了,却还是出现下面这种情况:
以下是正确的搭建操作步骤:
根据一下图片在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,看是否出现下面这种;
就算搭建成功了!!!
标签:插件,vue,vscode,js,点击,Vue From: https://blog.csdn.net/m0_73581733/article/details/137376822