如何在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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Linux下定时执行脚本实例

    Linux下定时执行脚本实例在Linux下我们用crontab来实现定期执行脚本。查看crontab    输入命令:cat/etc/crontabcrontab-u//设定特定用户的定时服务crontab-l//列出当前用户定时服务内容crontab-r//删除当前用户的定时服务crontab-e//编辑当前用户的定时服务在设定编辑之前都建议列出服务查看一下:crontab-l显示有一个已经设定好的…

    2022年7月17日
    17
  • mysql查询去除重复记录[通俗易懂]

    mysql查询去除重复记录[通俗易懂]mysql查询去除重复记录1:使用distinctselectdistinctnamefromawherestatesign=0查询表a中的name字段,去除重复记录2:使用groupbyselectnamefromawherestatesign=0groupbyname查询表a中的name字段,分组,去除重复记录…

    2025年10月1日
    2
  • Pycharm和Anaconda的python版本问题

    Pycharm和Anaconda的python版本问题问题描述:Pycharm需要导入tensorflow库,但现在的python版本为3.8,不支持导入。于是想办法在Anaconda新建python3.6环境,之后再用于Pycharm开发。1.anaconda创建新的python版本环境2.找到新建python3.6的文件位置,点击python36切换时会显示位置:3.pycharm里新建环境,以第二步的python3.6环境为基础环境:导包时可能会出现问题:zeroexitcode(2)这是因为pip版本问题,使用

    2022年8月28日
    4
  • 圆桌游戏_圆桌游戏txt

    圆桌游戏_圆桌游戏txt【问题描述】有一种圆桌游戏是这样进行的:n个人围着圆桌坐成一圈,按顺时针顺序依次标号为1号至n号。对1#include#includeusingnamespacestd;intn,f[109]

    2022年8月2日
    11
  • 监督学习和无监督学习区别

    监督学习和无监督学习区别前言机器学习分为:监督学习,无监督学习,半监督学习(也可以用hinton所说的强化学习)等。在这里,主要理解一下监督学习和无监督学习。监督学习(supervisedlearning)从给定的训练数据集中学习出一个函数(模型参数),当新的数据到来时,可以根据这个函数预测…

    2022年5月8日
    64
  • vmware15虚拟机激活码(JetBrains全家桶)[通俗易懂]

    (vmware15虚拟机激活码)好多小伙伴总是说激活码老是失效,太麻烦,关注/收藏全栈君太难教程,2021永久激活的方法等着你。IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/100143.htmlMLZPB5EL5Q-eyJsaWNlbnNlSW…

    2022年3月21日
    127

发表回复

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

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