Layui前端框架介紹

開始使用 - 入門指南

layui（諧音：類UI) 是一款采用自身模塊規范編寫的前端 UI 框架，遵循原生 HTML/CSS/JS 的書寫與組織形式，門檻極低，拿來即用。其外在極簡，卻又不失飽滿的內在，體積輕盈，組件豐盈，從核心代碼到 API 的每一處細節都經過精心雕琢，非常適合界面的快速開發。layui 首個版本發布於 2016 年金秋，她區別於那些基於 MVVM 底層的 UI 框架，卻並非逆道而行，而是信奉返璞歸真之道。准確地說，她更多是為服務端程序員量身定做，你無需涉足各種前端工具的復雜配置，只需面對瀏覽器本身，讓一切你所需要的元素與交互，從這里信手拈來。

1. 官網首頁下載

你可以在我們的 官網首頁 下載到 layui 的最新版，它經過了自動化構建，更適合用於生產環境。目錄結構如下：

codelayui.code

1. ├─css //css目錄
2. │ │─modules //模塊css目錄（一般如果模塊相對較大，我們會單獨提取，比如下面三個：）
3. │ │ ├─laydate
4. │ │ ├─layer
5. │ │ └─layim
6. │ └─layui.css //核心樣式文件
7. ├─font //字體圖標目錄
8. ├─images //圖片資源目錄（目前只有layim和編輯器用到的GIF表情）
9. │─lay //模塊核心目錄
10. │ └─modules //各模塊組件
11. │─layui.js //基礎核心庫
12. └─layui.all.js //包含layui.js和所有模塊的合並文件

2. Git 倉庫下載

你也可以通過 GitHub 或 碼雲 得到 layui 的完整開發包，以便於你進行二次開發，或者 Fork layui 為我們貢獻方案 

3. npm 安裝

codelayui.code

1. npm i layui-src

 

 

出處：https://www.layui.com/doc/