外层目录:
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 配置信息