vue-multi-pages-template

A modern Vue.js pages cli which uses Vue 2, Webpack4

Features

1. Vue2
2. Webpack4
3. Postcss(autoprefixer default)
4. Less
5. Sass

Get Started

vue-cli2

Init Project

$ npm install -g vue-cli
$ vue init ducaiwei/vue-multi-pages-template new-project
$ cd new-project
$ npm install

Dev

# serve with hot reload at localhost:8010
$ npm run dev

visit http://localhost:8010/tv/index.html

visit http://localhost:8010/sdk/home.html

Build

$ npm run build
$ node server.js #listen 2333 port

visit http://localhost:2333/tv/index.html

visit http://localhost:2333/sdk/home.html

Folder Structure

.
├── README.md
├── build // webpack config
│   ├── webpack.base.conf.js
│   ├── webpack.dev.conf.js
│   └── webpack.prod.conf.js
├── dist // dist
│   ├── assets
│   │   ├── css
│   │   │   ├── commons.css
│   │   │   ├── commons.css.map
│   │   │   ├── sdk
│   │   │   │   ├── home.css
│   │   │   │   ├── home.css.map
│   │   │   └── tv
│   │   │       ├── index.css
│   │   │       ├── index.css.map
│   │   ├── img
│   │   │   
│   │   └── js
│   │       ├── commons.js
│   │       ├── commons.js.map
│   │       ├── sdk
│   │       │   ├── home.js
│   │       │   ├── home.js.map
│   │       └── index
│   │           ├── index.js
│   │           ├── index.js.map
│   ├── sdk
│   │   ├── home.html
│   ├── logo.png
│   └── tv
│       ├── index.html
├── package.json
├── postcss.config.js
├── server.js
└── src
    ├── assets
    │   ├── css
    │   └── img
    │       └── logo.png
    ├── components
    │   └── modal.vue
    └── pages
        ├── sdk
        │   ├── home
        │   │   ├── app.html
        │   │   ├── app.js
        │   │   └── app.vue
        └── tv
            ├── index
            │   ├── app.html
            │   ├── app.js
            │   └── app.vue

License

MIT