一、前言
在正式开始学习具体vue内容时，从整体上了解一下vue结构是非常有必要的。
因为其脚手架默认生成了很多东西，如果你是第一次使用，那一定会感到疑惑的。
不过虽然其默认生成的文件众多，但在我们实际开发的时候需要用到的其实并不多，其它大多数都只需要了解一下即可。
二、文件介绍
vue默认生成的代码结构如下图：
下面分别对其功能作用做出基本介绍。
.vscode：看名字就知道了，这是vscode这款软件的配置文件夹，里面放置的是一些vscode的配置文件，大多数时候不用管node_modules：即node模块，默认是没有生成的，只有当你运行npm install之后才会生成，这个文件夹中放置的就是你下载之后的模块、包，比如vue的“脚手架”代码就在这里面，当然也还有许多其它的东西，大多数时候也不用管。public：放置公共资源的，比如一些图片什么的，这样在最后编译的时候，会直接将里面的东西复制到编译生成的地方，也就是前文提到的dist目录下，比如那个图标便是在该目录下存放的。src：这个文件夹就重要了，它是我们写代码的地方，所有的代码都是放在这个文件夹中的。
