代码拉取完成,页面将自动刷新
同步操作将从 VTJ.PRO/MyUI 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!!
确定后同步将在后台操作,完成时将刷新页面,请耐心等待。
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
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。