vuewebWEB前端开发技术杂谈

vue antd 中后台前端框架vue-alain

2018-10-07  本文已影响693人  诸葛_小亮

vue-alain

vue-alain 是基于 vue 和 Ant Design of Vue(Ant Design 的 vue 版本) 基础组件库的中后台前端,使用vue vue cli 3.0 typescript antd antd pro Ant Design Vue技术栈,参考并使用了ng-alain相关内容,秉承 Ant Design 的设计价值观。

github--https://github.com/vue-alain/vue-alain
预览:https://vue-alain.github.io/

准备

本地环境需要安装 nodegit,并熟悉相关使用方法。
本地需要安装yarn


安装

克隆代码

从git上克隆代码到本地

  1. git clone https://github.com/vue-alain/vue-alain.git my-project
  2. cd my-project
  3. yarn
  4. yarn serve

目录结构

vue-alain 是一个标准的 VUE CLI 构建的项目,并提供了涵盖中后台开发的各类功能,下面是整个项目的目录结构

|----public                      # html
|----src                       #
| |----_mock                    # mock规则
| |----assets                    # 本地静态资源
| |----components                 # 公共组件
| |----core                    # 核心模块
| |----layout                   # 布局组件
| |----route                   # 路由
| |----util                    # 工具组件
| |----views                   # 业务目录
|----App.vue                   # 程序入口


本地开发

安装依赖

yarn
yarn serve

启动完成后会打开浏览器访问 //localhost:8080,若你看到如下页面则代表成功了

main1.png

运行截图

main1.png main2.png main3.png
我的公众号
上一篇 下一篇

猜你喜欢

热点阅读