cli init

Author: Plortinus

meta.js

@@ -0,0 +1,20 @@
+module.exports = {
+  'prompts': {
+    'name': {
+      'type': 'string',
+      'required': true,
+      'message': 'Project name'
+    },
+    'description': {
+      'type': 'string',
+      'required': false,
+      'message': 'Project description',
+      'default': 'A Vue.js project'
+    },
+    'author': {
+      'type': 'string',
+      'message': 'Author'
+    }
+  },
+  'completeMessage': 'To get started:\n\n  {{^inPlace}}cd {{destDirName}}\n  {{/inPlace}}npm install\n  npm run dev\n\nDocumentation can be found at https://github.com/Plortinus/vue-multiple-pages'
+}

package.json

@@ -1,37 +1,9 @@
 {
   "name": "vue-multiple-pages",
-  "description": "A Vue2 starter",
-  "author": "plortinus@gmail.com",
+  "version": "1.0.0",
   "license": "MIT",
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development webpack-dev-server --inline --hot",
-    "build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
-  },
-  "dependencies": {
-    "element-ui": "^1.2.8",
-    "vue": "^2.2.6"
-  },
+  "description": "A modern Vue.js multiple pages starter which uses Vue 2, Webpack2, and Element-UI",
   "devDependencies": {
-    "autoprefixer": "^6.7.7",
-    "babel-core": "^6.24.1",
-    "babel-loader": "^6.4.1",
-    "babel-preset-es2015": "^6.24.1",
-    "cross-env": "^4.0.0",
-    "css-loader": "^0.28.0",
-    "eslint": "^3.19.0",
-    "eslint-config-vue": "^2.0.2",
-    "eslint-plugin-vue": "^2.0.1",
-    "extract-text-webpack-plugin": "^2.1.0",
-    "file-loader": "^0.11.1",
-    "glob": "^7.1.1",
-    "html-loader": "^0.4.5",
-    "html-webpack-plugin": "^2.28.0",
-    "postcss-loader": "^1.3.3",
-    "style-loader": "^0.16.1",
-    "url-loader": "^0.5.8",
-    "vue-loader": "^11.3.4",
-    "vue-template-compiler": "^2.2.6",
-    "webpack": "^2.3.3",
-    "webpack-dev-server": "^2.4.2"
+    "vue-cli": "^2.8.1"
   }
 }

.babelrc renamed to template/.babelrc

@@ -0,0 +1,5 @@
+.DS_Store
+node_modules/
+dist/
+npm-debug.log
+.idea

.eslintrc.js renamed to template/.eslintrc.js

@@ -0,0 +1,105 @@
+# {{ name }}
+
+> {{ description }}
+
+## Features
+
+1. [Vue2](https://github.com/vuejs/vue)
+2. [Webpack2](https://github.com/webpack/webpack)
+3. [ElementUI](https://github.com/ElemeFE/element)
+4. [Eslint](https://github.com/eslint/eslint)
+5. [Postcss](https://github.com/postcss/postcss)
+
+## Dev
+
+``` bash
+# serve with hot reload at localhost:8010
+npm run dev
+
+```
+
+[http://localhost:8010/user/login.html](http://localhost:8010/user/login.html)
+
+[http://localhost:8010/user/index.html](http://localhost:8010/user/index.html)
+
+[http://localhost:8010/customer/index.html](http://localhost:8010/customer/index.html)
+
+## Build
+
+``` bash
+# build for production with minification
+npm run build // Firstly
+node server.js  // Secondly
+
+```
+Then visit the pages
+[http://localhost:2333/user/login.html](http://localhost:2333/user/login.html)
+
+## Root Folder Structure
+
+```bash
+├── src  # main folder
+│   ├── assets  # common assets folder
+│   │   ├── img
+│   │   │   └── logo.png
+│   │   ├── js
+│   │   └── css
+│   ├── components # common components folder
+│   │   └── modal.vue
+│   └── pages  # pages
+│       ├── user  # user part (folder name can be customized)
+│       │   ├── login # login.html (folder name can be customized)
+│       │   │   ├── app.js   # entry js (file name can't be customized unless you change the webpack.config.js)
+│       │   │   ├── app.vue  # login vue (file name can be customized)
+│       │   │   └── app.html # template html (file name can't be customized unless you change the webpack.config.js)
+│       │   └── index # index.html
+│       │       ├── app.js
+│       │       ├── app.html
+│       │       └── app.vue
+│       └── customer # customer part (folder name can be customized)
+│           └── home # home.html
+│               ├── app.html
+│               ├── app.js
+│               └── app.vue
+├── LICENSE
+├── .babelrc          # babel config (es2015 default)
+├── .eslintrc.js      # eslint config (eslint-config-vue default)
+├── server.js         # port 2333
+├── package.json
+├── postcss.config.js # postcss (autoprefixer default)
+├── webpack.config.js
+└── README.md
+```
+
+## Dist Folder Structure
+
+```bash
+├── assets
+│   ├── css
+│   │   ├── customer
+│   │   │   ├── home.css
+│   │   │   └── home.css.map
+│   │   ├── user
+│   │   │   ├── index.css
+│   │   │   ├── index.css.map
+│   │   │   ├── login.css
+│   │   │   └── login.css.map
+│   │   ├── vendors.css
+│   │   └── vendors.css.map
+│   └── js
+│       ├── customer
+│       │   └── home.js
+│       ├── user
+│       │   ├── index.js
+│       │   └── login.js
+│       └── vendors.js
+├── b02bdc1b846fd65473922f5f62832108.ttf
+├── customer
+│   └── home.html
+├── logo.png
+└── user
+    ├── index.html
+    └── login.html
+```
+
+For detailed explanation on how things work, checkout the [guide](https://github.com/Plortinus/vue-multiple-pages)

template/.gitignore

@@ -0,0 +1,37 @@
+{
+  "name": "{{ name }}",
+  "description": "{{ description }}",
+  "author": "{{ author }}",
+  "private": true,
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development webpack-dev-server --inline --hot",
+    "build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
+  },
+  "dependencies": {
+    "element-ui": "^1.2.8",
+    "vue": "^2.2.6"
+  },
+  "devDependencies": {
+    "autoprefixer": "^6.7.7",
+    "babel-core": "^6.24.1",
+    "babel-loader": "^6.4.1",
+    "babel-preset-es2015": "^6.24.1",
+    "cross-env": "^4.0.0",
+    "css-loader": "^0.28.0",
+    "eslint": "^3.19.0",
+    "eslint-config-vue": "^2.0.2",
+    "eslint-plugin-vue": "^2.0.1",
+    "extract-text-webpack-plugin": "^2.1.0",
+    "file-loader": "^0.11.1",
+    "glob": "^7.1.1",
+    "html-loader": "^0.4.5",
+    "html-webpack-plugin": "^2.28.0",
+    "postcss-loader": "^1.3.3",
+    "style-loader": "^0.16.1",
+    "url-loader": "^0.5.8",
+    "vue-loader": "^11.3.4",
+    "vue-template-compiler": "^2.2.6",
+    "webpack": "^2.3.3",
+    "webpack-dev-server": "^2.4.2"
+  }
+}