Vue3 入门笔记 ---- 创建Vue3项目和目录结构解释

前言

其实不算入门了，因为我已经用了一段时间vue了，但是以前一直就是写一些简单的页面和组件，但是vue整体是怎么架设的我其实不清楚，这次主要是为了整理一下这部分的内容，顺带从头到尾都写一份笔记总结一下。
笔记中很多内容都是参考了B站上一个UP主的视频，贴上链接，有兴趣的可以去看一下：Vue项目实战

开发环境介绍

我是通过windows11 上的VS code 连接到WSL上的，WSL是ubuntu 20.04的系统，所以我的开发环境是VS code + ubuntu。

这也是我工作中的开发环境，因为在ubuntu上开发相对于windows来说更方便，尤其是命令行操作方面，但是ubuntu又不能满足日工工作软件的需要，因为很多工作软件是没有ubuntu版本的，所以windows11+WSL 的模式挺不错的，推荐大家尝试。

npm 和 node 版本如下：

$ npm -v
8.13.2

$ node -v
v14.19.1

创建vue3项目框架

大家可以参考vue3的官网：