This action will force synchronization from 新德汇前端/MyUI, which will overwrite any changes that you have made since you forked the repository, and can not be recovered!!!
Synchronous operation will process in the background and will refresh the page when finishing processing. Please be patient.
MyUI是美亚柏科旗下新德汇出品的Web前端一站式项目工程框架。
基于 Vue + ElementUI 。专注于中台系统快速搭建,框架已在多个项目实战检验。
推荐使用 npm 的方式安装,它能更好地和 webpack 打包工具配合使用。
npm i @xdh/my --save
可通过以下两种方式使用 My
官网提供的基于Vue项目的一站式解决方案。
git clone https://gitee.com/newgateway/my-web.git
只需把工程模板项目获取下来就可以使用,包括全部功能,开箱即用。
如只需用到 My
其中的某些组件,可以在已有的项目工程中安装,并完成配置。步骤:
安装组件库
npm i element-ui @xdh/my --save
安装项目依赖插件
npm i babel-plugin-component node-sass sass-loader --save-dev
babel.config.js
组件采用了按需加载,需要 在babel.config.js
加上插件,如:
module.exports = {
presets: [
'@vue/cli-plugin-babel/preset'
],
plugins: [
...require('@xdh/my/core/babel.plugins')
]
}
vue.config.js
需要在vue.config.js
加上别名,如:
module.exports = {
transpileDependencies: ['@xdh/my'],
chainWebpack(chain) {
chain.resolve.alias.set('$ui', '@xdh/my/ui/lib')
}
}
到此,你可以开始引入组件开始编码了,如:
<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
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。