在傳統(tǒng)開(kāi)發(fā)模式中，從需求到上線通常需要經(jīng)歷漫長(zhǎng)的開(kāi)發(fā)周期，尤其是在界面設(shè)計(jì)、交互實(shí)現(xiàn)等環(huán)節(jié)，往往需要反復(fù)打磨。而隨著低代碼技術(shù)的崛起，這一切正在改變。低代碼讓開(kāi)發(fā)者可以通過(guò)拖拽、配置等簡(jiǎn)單操作，快速構(gòu)建復(fù)雜的系統(tǒng)頁(yè)面，既節(jié)省時(shí)間又提高了開(kāi)發(fā)質(zhì)量。

低代碼開(kāi)發(fā)是一場(chǎng)生產(chǎn)力革命！

LowCodeEngine，這款由阿里開(kāi)源的低代碼開(kāi)發(fā)框架，正以強(qiáng)大的定制能力和優(yōu)雅的開(kāi)發(fā)體驗(yàn)，為開(kāi)發(fā)者帶來(lái)前所未有的效率提升。不僅功能強(qiáng)大，還兼具靈活性和易用性，為開(kāi)發(fā)者和業(yè)務(wù)團(tuán)隊(duì)搭建起了一個(gè)共同高效合作的橋梁。

更重要的是，它提供了豐富的 API 和插件支持，能夠滿(mǎn)足各種復(fù)雜的業(yè)務(wù)場(chǎng)景需求。

功能亮點(diǎn)：全方位覆蓋開(kāi)發(fā)需求

? 提煉自企業(yè)級(jí)低代碼平臺(tái)的面向擴(kuò)展設(shè)計(jì)的內(nèi)核引擎，奉行最小內(nèi)核，最強(qiáng)生態(tài)的設(shè)計(jì)理念

? 開(kāi)箱即用的高質(zhì)量生態(tài)元素，包括 物料體系、設(shè)置器、插件 等

? 完善的工具鏈，支持 物料體系、設(shè)置器、插件 等生態(tài)元素的全鏈路研發(fā)周期

? 強(qiáng)大的擴(kuò)展能力，已支撐 100+ 個(gè)各種類(lèi)型低代碼平臺(tái)

? 使用 TypeScript 開(kāi)發(fā)，提供完整的類(lèi)型定義文件

? 提供 fetch 和 jsonp 兩種方式設(shè)置數(shù)據(jù)源，讓數(shù)據(jù)交互輕松高效。

界面使用

支持頁(yè)面預(yù)覽視圖、源碼視圖和組件大綱視圖之間切換，讓開(kāi)發(fā)者在不同階段都能保持清晰的全局視野。

提供頁(yè)面尺寸調(diào)節(jié)功能，輕松適配多端設(shè)備；同時(shí)支持中英文切換，讓全球化協(xié)作更加便捷。

復(fù)制、刪除、調(diào)整組件順序，甚至嵌套容器類(lèi)型組件，所有操作都能通過(guò)直觀的拖拽完成。

本地調(diào)試

windows 環(huán)境必須使用 WSL，其他終端不保證能正常運(yùn)行：

# 安裝工具

npm install -g @alilc/create-element@latest

# 創(chuàng)建編輯器項(xiàng)目

npm init @alilc/element editor-project-name

# 進(jìn)入項(xiàng)目目錄

cd editor-project-name

# 安裝依賴(lài)

npm install

# 啟動(dòng)項(xiàng)目

npm start

總結(jié)

作為低代碼開(kāi)發(fā)領(lǐng)域的佼佼者，LowCodeEngine 為開(kāi)發(fā)者節(jié)省了大量的時(shí)間，讓繁瑣的開(kāi)發(fā)變得高效。

Github star趨勢(shì)：目前該項(xiàng)目的 star 數(shù)高達(dá)14k。

如果你希望快速搭建功能強(qiáng)大的系統(tǒng)頁(yè)面，同時(shí)又享受靈活的自定義能力，可以試試這款工具。

官網(wǎng)：

https://lowcode-engine.cn/index

歡迎關(guān)注“前端學(xué)研社”，獲取更多原創(chuàng)內(nèi)容，第一時(shí)間為您送達(dá)！

原文來(lái)源：https://mp.weixin.qq.com/mp/wappoc_appmsgcaptcha?poc_token=HCwTcWejIjyNre8q1QeOqvbO25mto5RwJ5ZbB19l&target_url=https%3A%2F%2Fmp.weixin.qq.com%2Fs%2FNrdDDYMpxI0yPWJywt-w_g