3.0.21-alpha • Published 2 years ago
ms-element v3.0.21-alpha
Ms Element
基于Vue3.x后台管理系统设计解决方案
示例浏览地址
安装
npm install ms-element --save-dev
如果出现这错误:Cannot read properties of null (reading 'isCE') 需要在vue.config.js chainWebpack 添加以下代码
config.resolve.symlinks(false)
config.resolve.alias.set('vue', path.resolve('./node_modules/vue'))
全局注册组件
import {createApp} from 'vue'
import App from './App'
import 'ms-element/lib/style/theme/index.css'
import MsElement from 'ms-element'
createApp(App).use(MsElement)
单个注册组件(FrameLayout示例)
import Vue from 'vue'
import App from './App'
import 'ms-element/lib/style/theme/frame-layout.css'
import { FrameLayout } from 'ms-element' // or import FrameLayout from 'ms-element/lib/frame-layout'
createApp(App).component(FrameLayout.name, FrameLayout)
使用MS Designer开发管理后台
1.安装MS Designer
npm install ms-designer --save-dev
2.配置项目vue.config.js
// 引入devServer
const MSDevServer = require('ms-designer/devServer')
// 配置 devServer
devServer: {
proxy: {
'/designer/': {
target: 'http://mselement.bittyos.com/'
},
'/designer-api/': {
target: 'http://mselement.bittyos.com/',
changeOrigin: true
}
},
before (app) {
MSDevServer(app, path.join(__filename, '../'))
}
}
3.访问当前项目启动后地址,如:http://localhost:8080/designer/
4.登录进去可以创建自己的项目并设计列表页面
3.0.19-alpha
2 years ago
3.0.20-alpha
2 years ago
3.0.21-alpha
2 years ago
3.0.6-alpha
2 years ago
3.0.7-alpha
2 years ago
3.0.3-alpha
2 years ago
3.0.13-alpha
2 years ago
3.0.14-alpha
2 years ago
3.0.9-alpha
2 years ago
3.0.8-alpha
2 years ago
3.0.10-alpha
2 years ago
3.0.4-alpha
2 years ago
3.0.5-alpha
2 years ago
3.0.18-alpha
2 years ago
3.0.16-alpha
2 years ago
3.0.17-alpha
2 years ago
3.0.11-alpha
2 years ago
3.0.2-alpha
3 years ago
3.0.1-alpha
3 years ago
3.0.0-alpha
3 years ago
0.0.1
3 years ago