如何在vue中安装及使用layui框架[通俗易懂]

大家好，又见面了，我是你们的朋友全栈君。

首先第一步，我们先安装layui，如下图：

在这里插入图片描述

第二步，安装完成之后，然后接下来你在你文件夹目录下的（node_modules）中找到（dist文件），如下图：

在这里插入图片描述

在这里插入图片描述

第三步，将dist下的文件直接复制到文件目录的static中，那么你就要在static文件当中见一个layui的文件夹，将他们放在里边，如下图：

在这里插入图片描述

第四步，你就开始可以你的组件当中引入layui中的代码了，引完代码后直接引入他们的路径，那么直接看步骤吧，哈哈

在这里插入图片描述

![在这里插入图片描述](https://img-blog.csdnimg.cn/20190509014141416.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDIzNzg0MA==,size_16,color_FFFFFF,t_70![在这里插入图片描述](https://img-blog.csdnimg.cn/20190509014503366.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDIzNzg0MA==,size_16,color_FFFFFF,t_70

在这里插入图片描述

第五步，看看效果图吧，哈哈哈

在这里插入图片描述

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/152822.html原文链接：https://javaforall.cn