• node modules  :当前项目所需依赖的保存目录。

• public 

       任何放置在 public 文件夹的静态资源都会被简单的复制，而不经过 webpack（vue-cli依赖的打包工具）。你需要通过绝对路径来引用它们。注意我们推荐将资源作为你的模块依赖图的一部分导入，这样它们会通过 webpack 的处理并获得如下好处：

脚本和样式表会被压缩且打包在一起，从而避免额外的网络请求。
文件丢失会直接在编译时报错，而不是到了用户端才产生 404 错误。
最终生成的文件名包含了内容哈希，因此你不必担心浏览器会缓存它们的老版本。

通常，我们只需要关注public/index.html这个文件，它会在构建过程中被注入处理后的 JavaScript 和 CSS 等的资源链接。同时，它也提供了 Vue 实例挂载的目标。

• src:在这之前介绍到的文件几乎都是项目的一些配置文件，src目录包含的算是我们真正的“源代码”了，也是我们开发的主战场即项目涉及到的页面、样式、脚本都集中在此编写。

• assets：资源文件，比如存放 css，图片等资源

• components：组件文件夹，用来存放 vue 的公共组件（注册于全局，在整个项目中通过关键词便可直接输出）。

• router：用来存放 ​index.js​，这个 js 用来配置路由

• store：应用级数据（state）

• views ：用来放主体页面，虽然和组件文件夹都是 vue 文件，但 views 下的 vue 文件是可以用来充当路由 view 的。

• App.vue ：是项目的主组件，所有页面都是在该组件下进行切换的。

• main.js ：是项目的入口文件，作用是初始化 vue 实例，并引入所需要的插件。

• .browserslistrc ：是在不同的前端工具之间共用目标浏览器和 node 版本的配置文件。

• .gitignore：git上传需要忽略的文件配置

• babel.config.js：babel 转码器的配置文件。

• jsconfig.json ：目录中存在jsconfig.json文件时，表明该目录是 JavaScript 项目的根目录。jsconfig.json文件指定了根文件以及 JavaScript 语言服务 提供的功能选项

• package-lockjson :是新版本node支持的文件，在执行npm install时，先读取package.json中的依赖，再读取package-lock.json中的版本号，从而来决定安装和更新。

• package.json :项目基本信息及项目依赖关系，告诉我们项目的信息（版本号、项目姓名、依赖）

• README.md : README 顾名思义“读我”，其存在的意义便是让别人或着说开发者能更快更直观的了解项目，以便别人拿到项目源码后，能快速的了解项目的结构、技术栈、开发规范、运行和部署等

• vue.config.js :vue 的配置文件。