/LeFE

Primary LanguageJavaScript

LeFE

npm package

前端低代码框架,基于ElementUI/AntDV(TODO),支持Vue2/Vue3版本

安装

vue2版本
npm install @lefe-1/vue2-render -S

vue3版本
npm install @lefe-1/vue3-render -S

快速开始

vue2版本
import Vue from 'vue'
import App from './App.vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

import VueRender from '@lefe-1/vue2-render'
import VueRouter from 'vue-router'
import routes from './pages/routes'
import axios from 'axios'

Vue.config.productionTip = false
Vue.use(ElementUI)
Vue.use(VueRender, {
  UILibrary: 'Element',
  http: axios.create()
})
Vue.use(VueRouter)
const router = new VueRouter({ routes })

new Vue({
  render: h => h(App),
  router
}).$mount('#app')


vue3版本
import { createApp } from 'vue'
import App from './App.vue'
import ElementPlus from 'element-plus'
import 'element-plus/lib/theme-chalk/index.css'
import axios from 'axios'
import router from './router'
import Vue3Render from '@lefe-1/vue3-render'

const app = createApp(App)
app.use(ElementPlus)
app.use(Vue3Render, {
  UILibrary: 'Element',
  http: axios.create()
})
app.use(router)
app.mount('#app')

例子

git clone https://github.com/LeFE-1/LeFE.git
cd LeFE

// 事先安装好lerna, npm install lerna -g
lerna bootstrap
cd vue2-playground
npm run serve

// or
cd vue3-playground 
npm run serve

生态

Project Description
LeFE-Editor LeFE JSON Schema编辑器,所见接近于所得