Skip to content

LANIF-UI/vue-boot-template

Folders and files

NameName
Last commit message
Last commit date

Latest commit

7462a66 · Sep 30, 2022

History

44 Commits
May 27, 2020
Jul 15, 2020
May 22, 2020
Sep 30, 2022
Jul 28, 2020
May 22, 2020
May 22, 2020
Jun 30, 2020
Jun 30, 2020
Jun 30, 2020
May 22, 2020
Jun 1, 2020
May 22, 2020
May 29, 2020
May 22, 2020
Jul 31, 2020
Jul 9, 2020
May 22, 2020
May 22, 2020
Aug 13, 2021
Jun 1, 2020
Jul 9, 2020
Aug 13, 2021

Repository files navigation

VUE Boot Template

🍋 🍊 🍒 🍰 🍇 🍉 🍓 🌽 🍑 🍈

基于VUE生态系统的最成熟的技术体系,搭建的一套开箱即用的后台管理系统,框架里包含了一些独有的定制组件,以及许多经过大量实践口碑良好的第三方组件,它不仅仅是一个简单的仪表盘展示界面,更是保证您下一个web项目所必需的所有工具,我们希望使用它的人可以快速、稳定的开发出健壮、美观、易用的web程序。

GitHub主页 | 码云主页

工程结构

.
├── mock                     # 模拟请求数据
├── public                   # 不参与编译的资源文件
├── templates                # 代码生成器所需的模板文件
├── src                      # 主程序目录
│   ├── main.js              # 程序启动和渲染入口文件
│   ├── settings.js          # 全局配置
│   ├── api                  # 公共接口定义
│   ├── components           # 全局公共组件
│   ├── layouts              # 页面结构组件
│   │   ├── BasicLayout      # 带头部及侧边栏的典型后台应用布局
│   │   └── InsetLayout      # 插件布局
│   │   └── BlankLayout      # 空白布局
│   ├── routes               # 动态路由目录(每个功能一个文件夹的MVC结构)
│   │   ├── index.js         # 路由配置文件
│   │   ├── Home             # 功能模块
│   │   │   ├── index.js     # 路由配置文件
│   │   │   ├── assets       # 单独属于这个模块的静态资源文件
│   │   │   ├── components   # 页面组件
│   │   │   ├── module       # vues module
│   │   │   ├── service      # 接口定义
│   │   │   └── routes **    # 子路由(目录结构与父级相同)
│   │   └── Login            # 功能模块
│   │       ├── index.js     # 路由配置文件
│   │       ├── assets       # 单独属于这个模块的静态资源文件
│   │       ├── components   # 页面组件
│   │       ├── module       # vues model
│   │       ├── service      # 接口定义
│   │       └── routes **    # 子路由(目录结构与父级相同)
│   ├── utils                # 工具类
│   └── assets               # 资源文件
│           ├── fonts        # 字体 & 字体图标
│           ├── images       # 图片
│           ├── styles       # 全局样式
│           └── styles       # 全局样式
|                 ├── element-ui  # 全局自定义 element-ui 样式
|                 ├── index.scss  # 全局通用样式
|                 ├── mixin.scss  # 全局mixin
|                 ├── transition.scss  # vue transition 动画
|                 └── variables.scss   # 全局变量

启动

# 安装依赖
# 国内用户建议改成国内镜像
npm config set sass-binary-site http://npm.taobao.org/mirrors/node-sass
npm config set registry https://registry.npm.taobao.org
npm install

# 启动服务
npm start

# yarn 安装
yarn config set registry https://registry.npm.taobao.org -g
yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g
yarn

# 启动服务
yarn start

使用代码生成器创建路由页

create-template

发布

# 构建测试环境
npm run build:stage

# 构建生产环境
npm run build:prod

其它

# 预览发布环境效果
npm run preview

# 预览发布环境效果 + 静态资源分析
npm run preview -- --report

# 代码格式检查
npm run lint

# 代码格式检查并自动修复
npm run lint -- --fix

结尾

欢迎大家提问题,感谢大家的PR,如果觉得不错,还请帮忙加个:star:哦

企鹅群 820881369 🐧

fork自 vue-admin-template

About

🍰 vue admin dashboard ui --- vue2 + element-ui 2 后台管理 脚手架

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published