低代碼開(kāi)發(fā)太火了,但專注前端的工具卻不夠強(qiáng)大?
別急,百度出手,直接整了個(gè)革命級(jí)開(kāi)源框架 Amis。它能通過(guò)JSON 配置快速生成頁(yè)面,簡(jiǎn)直就是前端開(kāi)發(fā)者的加速神器!不懂代碼也能打造專業(yè)后臺(tái),開(kāi)發(fā)效率秒飛起!
Amis 是什么?

Amis 是由百度團(tuán)隊(duì)開(kāi)發(fā)的前端低代碼框架,通過(guò)簡(jiǎn)單的 JSON 配置,就能快速生成各種后臺(tái)頁(yè)面。
總結(jié)一下就是:零代碼≠零樣式,低代碼帶來(lái)的是高效率! 你不需要精通前端技術(shù),只需要定義表單、表格等基本配置,Amis 會(huì)自動(dòng)幫你搞定頁(yè)面外觀、交互邏輯,還能輕松集成到你的項(xiàng)目中!
開(kāi)源成就
- Star 數(shù):目前在 GitHub 上已獲 17.9k Star。
- 開(kāi)發(fā)語(yǔ)言:框架核心以 TypeScript(85%)為主,輔助使用 SCSS、JavaScript 等語(yǔ)言。
核心功能
基于 JSON 配置,零基礎(chǔ)也能上手
- 使用 JSON 字符串直接生成頁(yè)面元素(如表單、圖表、CRUD 列表等),完全無(wú)需前端代碼。
- 簡(jiǎn)化組件化開(kāi)發(fā),還能直接預(yù)覽生成的效果。

功能全面的低代碼支持
- 自定義字段的表單控件、自適應(yīng)圖表渲染等,讓復(fù)雜后臺(tái)頁(yè)面不用多寫(xiě)代碼也能搞定!
- 支持復(fù)雜 CRUD(增刪改查)操作,搭建后臺(tái)系統(tǒng)超級(jí)輕松。
高擴(kuò)展性與靈活性
- Amis 提供了豐富的開(kāi)箱即用的組件,支持主題、樣式自定義,還能二次開(kāi)發(fā)!
- 兼容性好,不管是 React 還是純 HTML 項(xiàng)目都能輕松集成。
可視化編輯器
- 提供拖拽式 UI 編輯器,簡(jiǎn)單配置即可組合頁(yè)面,讓開(kāi)發(fā)和設(shè)計(jì)的協(xié)作更加高效。
企業(yè)級(jí)特性
支持復(fù)雜表單驗(yàn)證、國(guó)際化和權(quán)限管理,還有文件上傳、預(yù)覽 PDF 等企業(yè)需求超全面!

快速上手指南
安裝 Node.js 環(huán)境(推薦 Node 12/14/16+ 和 NPM 7+)
# 克隆倉(cāng)庫(kù)
git clone https://github.com/baidu/amis.git
# 進(jìn)入項(xiàng)目目錄
cd amis
# 安裝依賴
npm i --legacy-peer-deps
啟動(dòng)本地開(kāi)發(fā)服務(wù)器
npm start
# 瀏覽器訪問(wèn) http://127.0.0.1:8888/examples/pages/simple
按需修改 json 配置文件,預(yù)覽自定義頁(yè)面

Amis 并不是一般的低代碼工具,而是專注前端的高可定制化框架,提升開(kāi)發(fā)效率的最佳神器!無(wú)論你是想快速實(shí)現(xiàn)復(fù)雜后臺(tái),還是打造功能強(qiáng)大的企業(yè)級(jí)應(yīng)用,Amis 都能助你輕松搞定。
開(kāi)源地址:https://github.com/baidu/amis
閱讀原文:原文鏈接
該文章在 2025/3/17 10:14:35 編輯過(guò)