Layui前端框架介绍

开始使⽤ - ⼊门指南

layui（谐⾳：类UI) 是⼀款采⽤⾃⾝模块规范编写的前端 UI 框架，遵循原⽣ HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即⽤。其外在极简，却⼜不失饱满的内在，体积轻盈，组件丰盈，从核⼼代码到 API 的每⼀处细节都经过精⼼雕琢，⾮常适合界⾯的快速开发。layui ⾸个版本发布于 2016 年⾦秋，她区别于那些基于 MVVM 底层的 UI 框架，却并⾮逆道⽽⾏，⽽是信奉返璞归真之道。准确地说，她更多是为服务端程序员量⾝定做，你⽆需涉⾜各种前端⼯具的复杂配置，只需⾯对浏览器本⾝，让⼀切你所需要的元素与交互，从这⾥信⼿拈来。

1. 官⽹⾸页下载

你可以在我们的 下载到 layui 的最新版，它经过了⾃动化构建，更适合⽤于⽣产环境。⽬录结构如下：

code

1. ├─css //css⽬录

2. │ │─modules //模块css⽬录（⼀般如果模块相对较⼤，我们会单独提取，⽐如下⾯三个：）3. │ │ ├─laydate4. │ │ ├─layer5. │ │ └─layim

6. │ └─layui.css //核⼼样式⽂件7. ├─font //字体图标⽬录

8. ├─images //图⽚资源⽬录（⽬前只有layim和编辑器⽤到的GIF表情）9. │─lay //模块核⼼⽬录10. │ └─modules //各模块组件11. │─layui.js //基础核⼼库

12. └─layui.all.js //包含layui.js和所有模块的合并⽂件13. 2. Git 仓库下载

你也可以通过 或 得到 layui 的完整开发包，以便于你进⾏⼆次开发，或者 Fork layui 为我们贡献⽅案

3. npm 安装

code

1. npm i layui-src