github|一款基于vue+element-ui 的绝佳的通用型、中后台前端框架

最新推荐文章于 2024-09-05 15:20:03 发布

丙风说

最新推荐文章于 2024-09-05 15:20:03 发布

阅读量4k

点赞数 2

分类专栏： vue vue+element-ui vue-admin-beautiful 文章标签： javascript vue.js html

本文链接：https://blog.csdn.net/programmedbloke/article/details/107615225

版权

vue-admin-beautiful是一款优秀的通用型、中后台前端框架，利用vue和element-ui构建。提供了登录页面和后台效果的演示，并包含设置配置、样式变量配置及element-ui组件尺寸配置的详细说明。可通过提供的链接访问效果展示和GitHub源码。

摘要由CSDN通过智能技术生成

vue-admin-beautiful，一款基于 vue+element-ui 的绝佳的通用型、中后台前端框架

vue-admin-beautiful登录页面

vue-admin-beautiful后台效果

效果展示地址：http://beautiful.panm.cn/vue-admin-beautiful/

github地址：https://github.com/chuzhixin/vue-admin-beautiful

安装

# 克隆项目
git clone https://github.com/chuzhixin/vue-admin-beautiful.git
# 进入项目目录
cd vue-admin-beautiful
# 安装依赖
npm i
# 本地开发 启动项目
npm run serve

setting.js 配置

说明：这里有好多你会用到的配置项。
位置：src/config/settings.js
注意：此处可能不是最新代码具体可查看github 最新的 settings.js 配置
示例代码：

/**
 * @copyright chuzhixin 1204505056@qq.com
 * @description 全局变量配置
 */
module.exports = {
  // 开发以及部署时的URL
  publicPath: "",
  // 生产环境构建文件的目录名
  outputDir: "dist",
  // 放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录。
  assetsDir: "static",
  // 开发环境每次保存时是否输出为eslint编译警告
  lintOnSave: true,
  // 进行编译的依赖
  transpileDependencies: ["vue-echarts", "resize-detector", "zx-layouts"],
  // 默认的接口地址 如果是开发环境和生产环境走vab-mock-server，当然你也可以选择自己配置成需要的接口地址
  baseURL:
    process.env.NODE_ENV === "development" || process.env.NODE