一.下载
https://www.layui.com/
![在这里插入图片描述](https://img-blog.csdnimg.cn/2020051915300831.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzOTU2NjE1,size_16,color_FFFFFF,t_70)
二.解压
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200519153229945.png)
将layui文件夹放到项目中
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200519153401563.png)
三.使用
根据layui的使用文档可以方便快捷的写出前端页面,编写格式也一定遵循layui的编写规则
https://www.layui.com/doc/
因为我比较菜,这里直接在layui的示例中复制了一个
https://www.layui.com/demo/
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200519153944657.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzOTU2NjE1,size_16,color_FFFFFF,t_70)
复制到创建的html文件中,将js和css的引入链接改成本地layui文件夹中对应的链接
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200519153533711.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzOTU2NjE1,size_16,color_FFFFFF,t_70)
根据自己的需求对文件进行改动,俗话说得好,改改就是自己的了,这里改动亿点点。
就成功了
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200519154355877.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzOTU2NjE1,size_16,color_FFFFFF,t_70)