最外层文件内容
README.md 项目的说明文件
package.json 中有很多个依赖包
package-lock.json package的锁文件 确定按的第三方包的具体版本 保持团队编程的一个统一
LICENSE 开源协议的说明
index.html 项目的默认的首页的模板文件
.postcssrc.js 是对postcssrc的配置项
.gitignore 使用git时 希望把代码上传到码云 但是有一些比较特殊的文件 并不希望传到线上 就可以把这些特殊的文件配置在.gitignore文件中 这些文件当我向git仓库里提交的时候 它不会被提交到仓库中
.eslintre.js 一个检测文件 配置了一些代码的规范 只有按照这些规范写才不会出现错误的提示
.eslintignore 在根目录下/build/、/config/、/dist/、/*.js/(根目录下所有js文件) 是不会受eslintre检测文件检测的 也就是这些文件写的不标准 是不会有语法上的代码提示的
editorconfig 帮助我们配置了一下编辑器里的一些语法 ident_size=2的意思是tab键代表了两个空格 可以在里边加一些内容 来配置一下编辑器里的一些自动化的 代码的格式化
babelrc 项目写的代码是vue的单文件组件的代码的写法 所以需要通过babel这种语法解释器 做一些语法上的转换 最终转换成浏览器可以编译执行的代码 babel需要做一些额外配置时  都要放在babelrc这个文件中

static目录下的文件内容
static目录下放静态资源 比如 一些静态的图片 或者后续需要模拟的json数据

node_modules目录下的文件内容
node_modules目录下放的是项目依赖的一些第三方node包

src目录下的文件内容
src目录下放的是整个项目的源代码
main.js是整个项目的入口文件
APP.vue是项目的最原始的根组件
router目录里的index.js文件放的是项目里的所有的路由
components目录里放的是项目里要用的一些小组件
assets目录里放的是项目里面用到的一些图片类的资源

 


config目录下的文件内容
config目录下放的是一些项目的配置的文件
index.js文件里放的是基础的配置信息
dev.env.js文件里放的是开发环境的一些配置信息
prod.env.js文件里放的是线上环境的一些配置信息

build目录下的文件内容
build目录下放的是一些项目打包的webpack的配置内容 比如webpck.base.conf.js和webpck.dev.conf.js以及webpck.prod.conf.js这三个文件分别配置了基础的webpack配置项以及开发环境中的webpack配置项和线上环境中的webpack配置项 还有一些其他的工具类 还有一些打包过程中的一些额外的webpack配置都在这个目录里 这个目录是vue.cli自动帮我们构建好的webpack配置的集合 一般来说不用修改
在后边的开发过程中 这些配置文件一般不需要修改 只需要在src这个源代码的目录下进行业务代码的开发