如何在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
相关文章
- Vue专题 05_详解vue生命周期的每个节点
- vue报错:Navigation cancelled from “/userIndex“ to “/blank/login“ with a new navigati
- cnpm安装与vue安装[通俗易懂]
- vue-cli 初始----安装运行Vue项目
- vue.js 渲染函数_Vue.js的不可渲染且可扩展的RTF编辑器[通俗易懂]
- vue链接转二维码_vue二维码识别
- 从vue源码中学习观察者模式
- VUE双向绑定原理_vue的数据绑定怎么实现
- 你知道import Vue from 'vue' 吗?
- 3-Vue网络应用
- 20 多个好用的 Vue 组件库
- 「后端小伙伴来学前端了」Vue中利用全局事件总线实现组件之间通信
- 使用postcss-plugin-px2rem和postcss-pxtorem(postcss-px2rem)-px自动转换rem的配置方法-vue-cli3.0
- Vue.js 状态管理:Pinia 与 Vuex
- 美团前端常见vue面试题(必备)_2023-02-28
- 基于Spring Boot、Vue的考试报名系统设计与实现-前后端分离-课程设计-毕业设计一键部署版
- Vue 的认识、特点介绍、安装方式
- Vue 实例、el、data
- 基于Vue+SSM+SpringCloudAlibaba的英雄管理系统
- IDEA安装Vue插件后为什么创建.vue文件不显示vue图标
- Vue这么火,但为什么大厂都是用 React 居多? | 极客时间
- 优雅的Vue请求Redis驱动的高性能服务(vue请求redis)
- Vue用Redis储存获取数据(vue获取redis)
- 细说 Vue.js 3.2 关于响应式部分的优化