vue-cli2、3结构对比

2018-11-19  本文已影响0人  望星star

# Vue-cli2目录结构/Vue-cli3目录结构

###Vue-cli2目录结构

```javascript

|-- build                            // 项目构建(webpack)相关代码

|  |-- build.js                    // 生产环境构建代码

|  |-- check-version.js            // 检查node、npm等版本

|  |-- utils.js                    // 构建工具相关

|  |-- vue-loader.conf.js          // webpack loader配置

|  |-- webpack.base.conf.js        // webpack基础配置

|  |-- webpack.dev.conf.js          // webpack开发环境配置,构建开发本地服务器

|  |-- webpack.prod.conf.js        // webpack生产环境配置

|-- config                          // 项目开发环境配置

|  |-- dev.env.js                  // 开发环境变量

|  |-- index.js                    // 项目一些配置变量

|  |-- prod.env.js                  // 生产环境变量

|-- src                              // 源码目录

|  |-- components                  // vue公共组件

|  |-- router                      // vue的路由管理

|  |-- App.vue                      // 页面入口文件

|  |-- main.js                      // 程序入口文件,加载各种公共组件

|-- static                          // 静态文件,比如一些图片,json数据等

|-- .babelrc                        // ES6语法编译配置

|-- .editorconfig                    // 定义代码格式

|-- .gitignore                      // git上传需要忽略的文件格式

|-- .postcsssrc                      // postcss配置文件

|-- README.md                        // 项目说明

|-- index.html                      // 入口页面

|-- package.json                    // 项目基本信息,包依赖信息等

```

###Vue-cli3目录结构

```javascript

|-- src                              // 源码目录

|  |-- components                  // vue公共组件

|  |-- router                      // vue的路由管理

|  |-- App.vue                      // 页面入口文件

|  |-- main.js                      // 程序入口文件,加载各种公共组件

|-- public                          // 静态文件,比如一些图片,json数据等

|  |-- favicon.ico                      // 图标文件

|  |-- index.html                      // 入口页面

|-- vue.config.js                          // 是一个可选的配置文件,包含了大部分的vue项目配置

|-- .babelrc                        // ES6语法编译配置

|-- .editorconfig                    // 定义代码格式

|-- .gitignore                      // git上传需要忽略的文件格式

|-- .postcsssrc                      // postcss配置文件

|-- README.md                        // 项目说明

|-- package.json                    // 项目基本信息,包依赖信息等

```

上一篇下一篇

猜你喜欢

热点阅读