美文网首页
vue-cli脚手架项目目录结构讲解

vue-cli脚手架项目目录结构讲解

作者: Cherry丶小丸子 | 来源:发表于2019-08-05 17:57 被阅读0次
├── 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