vue2-mult-pages

This is a demo for mult-pages

Technology Stack

 vue stylus express mockjs axios element-ui

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

# run unit tests
npm run unit

# run e2e tests
npm run e2e

# run all tests
npm test

What's included

Within the download you'll find the following directories and files. You'll see something like this:

├── build/
│   ├── build.js                               // 运行 npm run build 配置等
│   ├── check-version.js                       // 检查 node npm 版本信息
│   ├── dev-client.js                          // 浏览器热刷新
│   ├── dev-server.js                          // 代码热加载配置
│   ├── mock.js                                // Mock数据模拟配置
│   ├── utils.js                               // css-loader配置
│   ├── vue-loader.conf.js                     // vue-loader配置
│   ├── webpack.base.conf.js                   // webpack打包基础配置
│   ├── webpack.dev.conf.js                    // webpack打包开发环境配置
│   ├── webpack.prod.conf.js                   // webpack打包生产环境配置
│   ├── webpack.test.conf.js                   // webpack测试环境配置
├── config/
│   ├── dev-env.js                             // 开发环境配置
│   ├── index.js                               // 生成文件位置端口代理等设置
│   ├── prod.env.js                            // 生产环境配置
│   ├── prod.env.js                            // 测试环境配置
├── dist/                                      // 打包生成文件存放目录
├── node_modules/                              // 你懂的
├── src/                                       // 存放项目内容
│   ├── api/                                   // api接口
│   ├── assets/                                // 样式图片字体，可创建文件夹
│   ├── components/                            // 组建，可创建文件夹
│   ├── element-ui/                            // element-ui 组件
│   ├── module/                                // pages 文件
│      ├── index/                              // module index
│          ├── App.vue/                        // vue文件
│          ├── index.html/                     // html文件
│          ├── index.js/                       // 入口文件
│      ├── about/                              // module about
├── static/                                    // 存放静态资源文件
│   ├── .gitkeep                               // 用于static为空时可以提交
├── .babelrc                                   // babel将ES6语法转为ES5
├── .editorconfig                              // 语法风格等配置
├── .eslintrc.js                               // eslintrc风格等配置
├── .gitgnore                                  // git 提交仓库忽略文件
├── .postcssrc.js                              // postcss配置
├── package.json                               // 依赖文件
├── README.md                                  // 向导文件

Other

Thank you for your support and guidance.