webpack 构建工具
package.json：项目清单，项目名称、版本、依赖包、启动和打包命令
package-lock.json：记录依赖与依赖之间的关系和依赖包的来源：下次安装依赖的时候直接去记录的这个地址去下载，安装比较快
dist：项目打包之后的内容，打包之后会对代码进行丑化、压缩
node_modules：项目所依赖的所有的第三方模块安装的地方
public：静态资源目录，图片、视频音频 是不会参与打包的
public/favicon.ico：浏览器标签上的小图标
public/index.html：视图入口文件（宿主 载体）
src（source）：源码目录，此目录下可以根据项目的规模，项目功能划分更详细的目录
src/assets：注意public的区别，编译的时候会经过webpack处理，public直接复制；
src/components：各种子组件， 复用级组件 功能级组件
src/App.vue：整个项目的根组件，会被引入到main.js里面；根组件中引入其他的子组件。
src/main.js：整个项目得入口文件，
开发者运行npm run serve时，vue框架在背后做了什么?
package.json里面对应vue-cli-service serve命令，在执行的时候，会使用@vue/cli-service模块提供的功能，、找到视图的入口文件index.html，同时@vue/cli-service还提供了启动服务的功能。服务启动之后会根据配置的口文件文件地址找到main.js并启动，@vue/cli-service会把src中的各个文件编译，编译出响应的html片段和js文件，这个html片段会挂载到index.html中的id为app的 容器里面，js文件会自动注入到index.html中。其中编译打包的时候会通过一个插件把.vue结尾的文件编译成普通的html片段和js脚本
