Vue 文件目录结构详解

Posted 2020-11-16 zhm001

• build　　构建脚本目录
  • build.js　　                生产环境构建脚本
  • check-versions.js　　检测node.js和npm版本
  • logo.png　　　　　　vue默认图片
  • utils.js　　　　　　　构建相关工具的方法
  • vue-loader.conf.js　　加载器
  • webpack.base.conf.js webpacke基础配置
  • webpack.dev.conf.js   wabpack开发环境配置
  • webpack.prod.conf.js wabpack生产环境配置
• config　　项目配置
  • dev.env.js　　  开发环境变量
  • index.js　　      项目配置文件
  • prod.env.js　　生产环境变量
  • test.env.js　　 测试环境变量
• node_modules　　npm加载的项目依赖模块
• src　　  源码目录（开发目录）
  
  • assets　　　　资源目录，这里的资源会被wabpack构建，放图片等信息
  • components     公共组件目录
  • routes              前端路由
  • App.vue　　    根组件
  • main.js　　　  入口js文件
•  static　　　　纯静态资源，不会被wabpack构建。
•  test　　  　　测试文件目录（unit&e2e）
• .babelrc   　　es降级
• .editorconfig　编辑配置项　
• .gitignore　　 git打包所忽略的文件
• .postcssrc.js　管理GitHub
• index.html　　入口页面
• package-lock.json npm包配置文件，里面定义了项目的npm脚本，依赖包等信息
• package.json  安装的包的版本
• README.md   项目介绍