Vue Admin

基于Vue2、element ui、vue-cli、vuex、vue-router、axios 、echarts后台管理系统demo. 权限管理，用户管理，菜单管理。无限级菜单，下拉树形选择框

lanux
1318
414
Vue

友情链接：【react-admin】持续更新 演示地址

演示地址

账号密码任意

Build Setup

npm install

# 修改文件内容/build/webpack.base.conf.js，将element-ui和vuex-router-sync版本替换成install后node_modules目录中当前版本，注意不能用软链
#      {
#        test: /\.js$/,
#        loader: 'babel-loader',
#        //exclude: /(node_modules|bower_components)/,
#        // 注意elementUI的源码使用ES6需要解析
#        include: [
#          resolve('src'),
#          resolve('test'),
#          resolve('/node_modules/.1.4.8@element-ui/src'),
#          resolve('/node_modules/.1.4.8@element-ui/packages'),
#          resolve('/node_modules/.4.3.0@vuex-router-sync')
#        ]
#      },


# serve with hot reload at localhost:9000
npm run dev
npm run build

npm run mock
  1. 启动mock服务
    npm run mock
  2. 启动dev server
    npm run dev

  • 打包发布,修改根路径名

  1. 修改 ./Vue-Admin/config/index.js 参数:build.assetsPublicPath
//eg.  assetsPublicPath: '/Vue-Admin/'
assetsPublicPath: 'Your path name';
  1. 修改 ./Vue-Admin/src/api.js
// export const CONTEXT = './Vue-Admin';
export const CONTEXT = 'Your path name';

cnpm i json-server -D
cnpm i json-server -S
npm outdated：检查包是否已经过时，此命令会列出所有已经过时的包，可以及时进行包的更新
npm update moduleName：更新node模块
npm uninstall moudleName：卸载node模块

页面截图