test

meta.js

@@ -0,0 +1,23 @@
+module.exports = {
+  "helpers": {
+    "if_or": function (v1, v2, options) {
+      if (v1 || v2) {
+        return options.fn(this);
+      }
+
+      return options.inverse(this);
+    }
+  },
+  "prompts": {
+    "name": {
+      "type": "string",
+      "required": true,
+      "message": "Project name"
+    },
+    "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://vuejs-templates.github.io/webpack"
+};

package.json

@@ -1,74 +1,18 @@
 {
-  "name": "vue-admin",
+  "name": "vue-admin-template",
   "version": "1.0.0",
-  "description": "A Vue.js project",
+  "license": "MIT",
+  "description": "A vue admin template with Element UI & axios & iconfont & permission control & lint",
   "author": "Pan <panfree23@gmail.com>",
-  "private": true,
-  "scripts": {
-    "dev": "node build/dev-server.js",
-    "start": "node build/dev-server.js",
-    "build": "node build/build.js",
-    "lint": "eslint --ext .js,.vue src"
-  },
-  "dependencies": {
-    "axios": "0.16.2",
-    "element-ui": "1.3.7",
-    "js-cookie": "^2.1.4",
-    "normalize.css": "3.0.2",
-    "nprogress": "^0.2.0",
-    "vue": "2.3.3",
-    "vue-router": "2.5.3",
-    "vuex": "2.3.1"
-  },
   "devDependencies": {
-    "autoprefixer": "6.7.2",
-    "babel-core": "6.22.1",
-    "babel-eslint": "7.1.1",
-    "babel-loader": "6.2.10",
-    "babel-plugin-transform-runtime": "6.22.0",
-    "babel-preset-env": "1.3.2",
-    "babel-preset-stage-2": "6.22.0",
-    "babel-register": "6.22.0",
-    "chalk": "1.1.3",
-    "connect-history-api-fallback": "1.3.0",
-    "copy-webpack-plugin": "4.0.1",
-    "css-loader": "0.28.0",
-    "eslint": "3.19.0",
-    "eslint-friendly-formatter": "2.0.7",
-    "eslint-loader": "1.7.1",
-    "eslint-plugin-html": "2.0.0",
-    "eventsource-polyfill": "0.9.6",
-    "express": "4.14.1",
-    "extract-text-webpack-plugin": "2.0.0",
-    "file-loader": "0.11.1",
-    "friendly-errors-webpack-plugin": "1.1.3",
-    "html-webpack-plugin": "2.28.0",
-    "http-proxy-middleware": "0.17.3",
-    "webpack-bundle-analyzer": "2.2.1",
-    "semver": "5.3.0",
-    "shelljs": "0.7.6",
-    "opn": "4.0.2",
-    "optimize-css-assets-webpack-plugin": "1.3.0",
-    "ora": "1.2.0",
-    "rimraf": "2.6.0",
-    "node-sass": "^4.5.0",
-    "sass-loader": "6.0.5",
-    "url-loader": "0.5.8",
-    "vue-loader": "12.1.0",
-    "vue-style-loader": "3.0.1",
-    "vue-template-compiler": "2.3.3",
-    "webpack": "2.6.1",
-    "webpack-dev-middleware": "1.10.0",
-    "webpack-hot-middleware": "2.18.0",
-    "webpack-merge": "4.1.0"
+    "vue-cli": "^2.8.1"
   },
-  "engines": {
-    "node": ">= 4.0.0",
-    "npm": ">= 3.0.0"
-  },
-  "browserslist": [
-    "> 1%",
-    "last 2 versions",
-    "not ie <= 8"
+  "keywords": [
+    "vue",
+    "element",
+    "admin",
+    "vuex",
+    "boilerplate",
+    "axios"
   ]
 }

template/package.json

@@ -0,0 +1,74 @@
+{
+  "name": "{{name}}",
+  "version": "1.0.0",
+  "description": "A Vue.js project",
+  "author": "{{author}}",
+  "private": true,
+  "scripts": {
+    "dev": "node build/dev-server.js",
+    "start": "node build/dev-server.js",
+    "build": "node build/build.js",
+    "lint": "eslint --ext .js,.vue src"
+  },
+  "dependencies": {
+    "axios": "0.16.2",
+    "element-ui": "1.3.7",
+    "js-cookie": "^2.1.4",
+    "normalize.css": "3.0.2",
+    "nprogress": "^0.2.0",
+    "vue": "2.3.3",
+    "vue-router": "2.5.3",
+    "vuex": "2.3.1"
+  },
+  "devDependencies": {
+    "autoprefixer": "6.7.2",
+    "babel-core": "6.22.1",
+    "babel-eslint": "7.1.1",
+    "babel-loader": "6.2.10",
+    "babel-plugin-transform-runtime": "6.22.0",
+    "babel-preset-env": "1.3.2",
+    "babel-preset-stage-2": "6.22.0",
+    "babel-register": "6.22.0",
+    "chalk": "1.1.3",
+    "connect-history-api-fallback": "1.3.0",
+    "copy-webpack-plugin": "4.0.1",
+    "css-loader": "0.28.0",
+    "eslint": "3.19.0",
+    "eslint-friendly-formatter": "2.0.7",
+    "eslint-loader": "1.7.1",
+    "eslint-plugin-html": "2.0.0",
+    "eventsource-polyfill": "0.9.6",
+    "express": "4.14.1",
+    "extract-text-webpack-plugin": "2.0.0",
+    "file-loader": "0.11.1",
+    "friendly-errors-webpack-plugin": "1.1.3",
+    "html-webpack-plugin": "2.28.0",
+    "http-proxy-middleware": "0.17.3",
+    "webpack-bundle-analyzer": "2.2.1",
+    "semver": "5.3.0",
+    "shelljs": "0.7.6",
+    "opn": "4.0.2",
+    "optimize-css-assets-webpack-plugin": "1.3.0",
+    "ora": "1.2.0",
+    "rimraf": "2.6.0",
+    "node-sass": "^4.5.0",
+    "sass-loader": "6.0.5",
+    "url-loader": "0.5.8",
+    "vue-loader": "12.1.0",
+    "vue-style-loader": "3.0.1",
+    "vue-template-compiler": "2.3.3",
+    "webpack": "2.6.1",
+    "webpack-dev-middleware": "1.10.0",
+    "webpack-hot-middleware": "2.18.0",
+    "webpack-merge": "4.1.0"
+  },
+  "engines": {
+    "node": ">= 4.0.0",
+    "npm": ">= 3.0.0"
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not ie <= 8"
+  ]
+}

template/src/App.vue

@@ -9,6 +9,7 @@ export default {
   name: 'app'
 }
 </script>
+
 <style lang="scss">
   @import './styles/index.scss'; // 全局自定义的css样式
 </style>

template/src/views/layout/SidebarItem.vue

@@ -2,13 +2,16 @@
     <div>
         <template v-for="item in routes">
             <router-link v-if="!item.hidden&&item.noDropdown&&item.children.length>0" :to="item.path+'/'+item.children[0].path">
-                <el-menu-item :index="item.path+'/'+item.children[0].path">
-                    <icon-svg v-if='item.icon' :icon-class="item.icon" /> {{item.children[0].name}}
+                <el-menu-item  v-if='item.children[0]' :index="item.path+'/'+item.children[0].path">
+                    <icon-svg v-if='item.icon' :icon-class="item.icon"></icon-svg>
+                    {{item.children[0].name}}
                 </el-menu-item>
             </router-link>
             <el-submenu :index="item.name" v-if="!item.noDropdown&&!item.hidden">
                 <template slot="title">
-                    <icon-svg v-if='item.icon' :icon-class="item.icon" /> {{item.name}}
+                    <icon-svg v-if='item.icon' :icon-class="item.icon" >
+                    </icon-svg>
+                     {{item.name}}
                 </template>
                 <template v-for="child in item.children" v-if='!child.hidden'>
                     <sidebar-item class='menu-indent' v-if='child.children&&child.children.length>0' :routes='[child]'> </sidebar-item>