Vue.js项目文件结构

当项目运行成功之后，会看到项目目录当中生成了很多文件。

下面对文件夹做一个大概的梳理。

build：这个文件夹下面存放的都是各种打包脚本，不建议修改和删除

config：这里面放的都是部署和配置相关的文件。其中 dev.env.js 和prod.env.js 分别是开发和生产模式下的配置文件。 index.js 文件定义了开发的端口、图片文件夹、和开发模式下的代理服务器

dist: 打包后的文件会放到这个文件夹里面。其中 app.css 是编译后的css文件，app.js 是最核心的js文件 几乎所有的代码都会打包到这里面，manifest.js 生成周报的js文件 vendor.js 是生成的vendor.js文件

node_modules：node 用到的第三方包。通过npm i 命令生成。所有在package.json中定义的第三方包都会被下载下来。保存在该文件下。

src：熟悉的src ，源码的老家...其中assect用来存放图片；components用来存放路由和组件；router 路由； main.js 没有实际的业务逻辑。程序的入口。