vue-cli脚手架项目目录结构讲解
├── build/ # webpack 编译任务配置文件:开发环境与生产环境;
│ ├── build.js # 生产环境构建脚本;
│ ├── check-versions.js # 检查npm,node.js版本;
│ ├── utils.js # 构建相关工具方法;
│ ├── vue-loader.conf.js # 配置了css加载器以及编译css之后自动添加前缀;
│ ├── webpack.base.conf.js # webpack基本配置;
│ ├── webpack.dev.conf.js # webpack开发环境配置;
│ └── webpack.prod.conf.js # webpack生产环境配置;
├── config/ # 项目配置;
│ ├── dev.env.js # 开发环境变量;
│ ├── index.js # 项目核心配置;
│ └── prod.env.js # 生产环境变量;
├── node_module/ # 项目中安装的依赖模块;
├── src/ # 这里是我们要开发的目录,基本上要做的事情都在这个目录里;
│ ├── assets/ # 资源文件夹,一般放一些静态资源文件;
│ ├── components/ # 组件目录,我们写的组件就放在这个目录里面;
│ ├── router/ # 前端路由,我们需要配置的路由路径写在index.js里面;
│ ├── App.vue # 程序入口vue根组件;
│ └── main.js # 程序入口js文件;
├── static/ # 纯静态资源 (直接拷贝到dist/static/里面);
├── test/ # 测试
│ ├── unit/ # 单元测试
│ │ ├── specs/ # 测试规范
│ │ ├── index.js # 测试入口文件
│ │ └── karma.conf.js # 测试运行配置文件
│ ├── e2e/ # 端到端测试
│ │ ├── specs/ # 测试规范
│ │ ├── custom-assertions/ # 端到端测试自定义断言
│ │ ├── runner.js # 运行测试的脚本
│ │ └── nightwatch.conf.js # 运行测试的配置文件
├── .babelrc # babel 配置文件;
├── .editorconfig # 编辑配置文件;
├── .gitignore # 用来过滤一些版本控制的文件,比如node_modules文件夹;
├── index.html # index.html 入口模板文件;
├── package.json # 项目文件,记载着一些命令和依赖还有简要的项目描述信息;
└── README.md # 项目的说明文档,markdown 格式;
build/

目录结构.png
本文标题:vue-cli脚手架项目目录结构讲解
本文链接:https://www.haomeiwen.com/subject/ofamdctx.html
网友评论