/Vue-Admin-1

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

Primary LanguageVueApache License 2.0Apache-2.0

友情链接:【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模块

页面截图