Vue 文件目录结构详解

  • 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   项目介绍
原文地址:https://www.cnblogs.com/zhm001/p/11693173.html