外层目录:
readme //项目的说明文件
package.json //第三方依赖包配置
package.lock.json //帮助我们去确定安装的第三方依赖包的具体的版本,保持团队编程的统一
license //开源协议的说明
index.html //项目默认的首页模版文件
.postcssrc.js //对 postcss 的配置项
.gitignore //不需要上传到 git 上的文件管理
.eslintrc.js //对写的代码检测是否标准做一个检测
.eslintignore //配置不需要 eslintrc 检测工具检测的文件
.editorconfig //配置编辑器总风格统一的自动化格式的语法
.babelrc //项目写的代码是 Vue 的大文件组件的代码的写法,所以需要通过 babel 这种语法解析器做一些语法上的转换,最终转换成浏览器能够编译执行的代码,babel 需要做额外配置时,就放在文件里面
文件夹
static //static 目录放的是静态资源,要用到的静态图片啊或者后续需要模拟的 json 数据
node_modules //项目中需要用到的第三方 node 包
src //放的是项目的源代码
src/main.js //整个项目的入口文件
src/app.vue //整个项目最原始的根组件
src/router/index.js //项目的路由放置位置
src/components //项目中要用到的小组件
src/assets //项目中需要用到的图片
config //放置项目配置文件
config/index.js //放基础配置
config/dev.ent.js //开发环境配置信息
config/prod.ent.js //线上环境配置信息
build //放置项目打包的 webpack 配置信息,vue-cli 会自动构建
build/webpack.base.conf.js //基础的 webpack 配置信息
build/webpack.dev.conf.js //开发环境的 webpack 配置信息
build/webpack.prod.conf.js //线上环境的 webpack 配置信息