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

如何在vue中安装及使用layui框架[通俗易懂]首先第一步,我们先安装layui,如下图:第二步,安装完成之后,然后接下来你在你文件夹目录下的(node_modules)中找到(dist文件),如下图:第三步,将dist下的文件直接复制到文件目录的static中,那么你就要在static文件当中见一个layui的文件夹,将他们放在里边,如下图:第四步,你就开始可以引入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.net/152822.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • SPSS学习笔记(五)卡方检验

    SPSS学习笔记(五)卡方检验和“SPSS学习笔记”的其他方法不同,卡方检验​​​​​​​是针对计数资料的目录一、卡方检验、Fisher精确检验(2*2)分析操作结果及分析二、卡方检验(R×C)分析操作结果及分析三、配对卡方检验分析操作结果及分析一、卡方检验、Fisher精确检验(2*2)分析:案例:该医生招募了100名研究对象,按照吸烟状态分为两组,其中吸烟者52人,不吸烟者48人,探讨吸烟与阿尔兹海默症之间的关联性需要先满足4项假设:假设1:存在两个二分类变量,

    2022年10月19日
    3
  • 怎么安装纯净版win10_影视大全纯净版app下载

    怎么安装纯净版win10_影视大全纯净版app下载文章目录1.制作系统安装盘1.1准备U盘以及一台用来制作安装盘的电脑1.2下载WIN10安装包1.3制作完成的系统安装盘1.4U盘格式化应选择的文件系统2.安装WIN10操作系统前的准备2.1插入系统安装盘2.2设置U盘(系统安装盘)为第一启动项2.3注意:启动引导方式的选择2.4补充:磁盘分区格式(MBR分区和GPT分区)和启动引导(Legacy和UEFI)的关系3.开始安装WIN10操作系统3.1将系统直接安装到固态硬盘内(不分区)3.2将固态硬盘分区后,将系统安装到其中一个

    2022年8月11日
    8
  • 六维空间正确网址及工具

    六维空间正确网址及工具六维空间:http://bt.neu6.edu.cn/forum.phputorrentDlut版下载: https://github.com/xdd1997/Download-or-P

    2022年7月2日
    29
  • android获取屏幕像素密度DPI,与density

    android获取屏幕像素密度DPI,与density基本概念:dip:Densityindependentpixels,设备无关像素。dp:就是dipdpi:dotsperinch,直接来说就是一英寸多少个像素点。常见取值120,160,240。我一般称作像素密度,简称密度density:直接翻译的话貌似叫密度。常见取值1.5,1.0。和标准dpi的比例(160px

    2022年6月3日
    40
  • pycharm调试教程_pycharm 调试

    pycharm调试教程_pycharm 调试首先设置断点,点击行号显示的一侧,在指定行设置断点。.如果这时我们直接右键run这个代码。他还是会直接运行,不会理会断点所以要右键选择run下面的debug这几个红框的意思依次是:有绿点表示程序运行中,还没有结束Debuger窗口表示现在在debug调试界面。Console表示这是控制台,也就是看打印的界面。右下的箭头是执行下一步(不同pycharm版本可能不同)右上的箭头表示…

    2022年8月28日
    6
  • QCustomPlot 使用示例

    QCustomPlot 使用示例一、项目结构fileparser.h#ifndefFILEPARSER_H#defineFILEPARSER_H#include<QObject>structstructReferInfo{doublepitch_input;doubleheading;doublepitch;doubleroll;doubleairSpeed_indicated;doubleaccelerationOverLoad_

    2022年10月16日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号