1：dist目录

存放打包之后的代码文件

2：node_modules

npm 加载的项目依赖模块

3：public

公共资源目录

4：src

要开发的目录。里面包含了几个目录及文件：

• ：assets

  存放每个页面对应的css、js公共函数以及图片文件

• ：components

  存放项目使用的公共组件

• ：router

  存放vue-router相关的文件

• ：types

  存放typescript 支持vue文件的相关配置文件

• ：views

  存放页面文件（.vue）

• ：App.vue

  根组件文件

• ：main.js

  项目的入口文件:

  1.实例化Vue。
  2.放置项目中经常会用到的插件和CSS样式。例如： 网络请求插件:axios和vue-resource、图片懒加载插件：vue-lazyload
  3.存储全局变量。例如（用于的基本信息）

5：.gitignore

Git相关文件，配置不上传至git库的文件

6：index.html

项目入口文件

7.package-lock.json

项目包的锁定文件，用于防止包版本不一样导致的错误

8：package.json

项目配置文件，包管理、项目名称、版本和命令

9：readme.md

使用markdown编写的文档文件

10：ts.config.json

Typescript的配置文件

11：vite.config.ts

项目配置文件

12：yarn.locak

使用yarn包管理生成的文件，由yarn自动生成，自动管理。