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、引用組件

到此，你可以開始引入組件開始編碼了，如：

Button

Content

import {Button} from 'element-ui'

import {MyPanel} from '$ui'

export default {

components: {

Button,

MyPanel

}

}

三、演示截圖

結尾本期就分享到這里，我是小編南風吹，專注分享好玩有趣、新奇、實用的開源項目及開發者工具、學習資源！

希望能與大家共同學習交流,歡迎關注我的公眾號【Github導航站】。

往期推薦

總結

以上是生活随笔為你收集整理的vue2.0桌面端框架_这款优秀的Vue+ElementUI桌面端一站式框架,爱了！的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。