如何正确有效入门VUE前端框架

刚开始学习Vue前端框架那会儿，以为导入一个vue.js文件就可以步入正式学习Vue的正轨了，直到后来我遇到了它——VSCode，原来Vue这么玩儿才有趣儿！

1.安装Vue环境

Win+R→cmd→进入命令窗口

# 下载Vue文件
npm config set registry http://registry.npm.taobao.org/
# 安装Vue
npm install -g @Vue/cli
# 启动Vue模板，创建项目（此命令会自动打开浏览器的一个网页，在网页中创建项目即可）
vue ui

2.在网页中创建项目

来不及解释了，快上图，点击“新建”，选择或者创建一个自己喜欢的文件夹，点击“在此创建新项目”

至于"git"的话，看自己的需求。选择“手动"

将“Router、Vuex”开启,"Linter/Formatter"关闭。我也不知道干嘛的，干就完了！

项目创建完成！

3.打开VSCode

在打开的过程中，可以顺手给博客点个赞👍提提速度！！！

找到刚才新建的项目目录

打开命令窗口，输入

# 构建项目
npm i

继续输入：

# 运行项目
npm run serve

访问项目

4.写在最后

在VSCode的项目目录下有“node_modules"目录，其中就包含了Vue所有内容。
关于Vue技术的详细内容请参考菜鸟教程-Vue.js课程。
关于VSCode的内容还需要深入的了解。
VSCode中文插件

遇到的坑↓↓↓

如运行npm run serve时出现：

 @vitejs/plugin-vue requires vue (>=3.2.13) or @vue/compiler-sfc to be present in the dependency tree.

错误时可以这样解决：

# 第一步
npm install vue@3.2.13 --save-dev
# 第二步
npm install @vue/compiler-sfc --save-dev

参考资料：
1.https://blog.csdn.net/qq_36894763/article/details/130715210