• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

MyUI: MyUI是美亚柏科旗下新德汇出品的Web前端项目工程框架。基于 Vue + ElementUI , ...

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称:

MyUI

开源软件地址:

https://gitee.com/newgateway/my

开源软件介绍:

MyUI

cover

MyUI是美亚柏科旗下新德汇出品的Web前端一站式项目工程框架。

基于 Vue + ElementUI 。专注于中台系统快速搭建,框架已在多个项目实战检验。

特色:

  • 搭载代码生成器,可生成底层api调用、vuex管理、模拟数据代码;
  • 内置常用超过150个基础UI组件;
  • 集成图表库、地图应用类库;
  • 支持子前端微服务子应用,可独立开发、运行、部署;
  • 自动生成路由;
  • 组件自动注册及按需加载;
  • 支持自定义主题,可以实现在线切换;
  • 支持静态配置。

开发指南

旧版本

安装

推荐使用 npm 的方式安装,它能更好地和 webpack 打包工具配合使用。

npm i @xdh/my --save

快速上手

可通过以下两种方式使用 My

一、采用项目工程模板创建项目【推荐】

官网提供的基于Vue项目的一站式解决方案。

git clone https://gitee.com/newgateway/my-web.git

只需把工程模板项目获取下来就可以使用,包括全部功能,开箱即用。

二、调用组件库功能

如只需用到 My 其中的某些组件,可以在已有的项目工程中安装,并完成配置。步骤:

1、安装组件库和相关插件

安装组件库

npm i element-ui @xdh/my --save

安装项目依赖插件

npm i babel-plugin-component node-sass sass-loader --save-dev

2、配置 babel.config.js

组件采用了按需加载,需要 在babel.config.js 加上插件,如:

module.exports = {  presets: [    '@vue/cli-plugin-babel/preset'  ],  plugins: [    ...require('@xdh/my/core/babel.plugins')  ]}

3、配置 vue.config.js

需要在vue.config.js加上别名,如:

module.exports = {  transpileDependencies: ['@xdh/my'],  chainWebpack(chain) {    chain.resolve.alias.set('$ui', '@xdh/my/ui/lib')  }}

4、引用组件

到此,你可以开始引入组件开始编码了,如:

<template>  <div>    <Button type="primary">Button</Button>    <MyPanel title="Title">Content</MyPanel>  </div></template><script>  import {Button} from 'element-ui'  import {MyPanel} from '$ui'  export default {    components: {      Button,      MyPanel    }  }</script>

调用组件库功能示例工程 https://gitee.com/newgateway/my-example

反馈、交流钉钉群

info

交流QQ群

info


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap