Vue安装必要插件element-ui插件及axios依赖(详细)
1、安装element-ui插件
1.1进入Vue 的GUI界面,选择插件选项->添加插件
1.2 插件版本选择
注意:因为我们选择的Vue版本是2.x所以一定要选择下图划线的vue-cli-plugin-element, 如果我们以后使用Vue3.x版本那就一定要选择下方的vue-cli-plugin-element-plus,它们之间的版本不兼容
1.3插件配置
我们这里使用按需导入 import on demand,然后就可以点击下一步
1.4 配置完成
简单的等待之后,出现如下图所示,就说明安装插件成功,点击继续
点击继续之后,又会回到插件页面,我们可以看到下图划线部分,插件已经成功添加
2、安装Http请求库——axios
axios的作用:axios主要是用于向后台发起请求的,还有在请求中做更多是可控功能
2.1 选择插件选项->添加安装依赖
2.2步骤如下图所示
当点击安装之后等待一会,又会回到起始页面,我们可以看到上图中多出了axios,就表明依赖安装完成
2.3 安装插件和依赖完成后试运行
按照老步骤运行一下项目,如下图所示
我们看到下图就会发现,和之前项目初始化的时候相比又多了一行字和一个按钮,把鼠标放到按钮上,按钮会变得如下图所示(如果按钮的样式不是这样,尝试停止并重新运行项目),那就说明初始必要依赖安装完成。
Vue安装必要插件element-ui插件及axios依赖(详细)相关推荐
- vue安装并导入Element UI
首先,在Vue项目的终端输入:npm i element-ui -S (输入之后,回车,等待一会儿,就会出现下图红框以下的内容,表示已经安装成功) 然后,在main.js中添加: import Ele ...
- vue项目,引入插件element ui 样式不生效
用vue ui 命令 引入插件 element ui 样式不生效 步骤一:执行如下命令,安装babel-plugin-component npm install babel-plugin-compon ...
- vue学习笔记-关于element ui 安装失败的问题解决
今天学习vue时,对element ui进行安装,运行npm install element-ui -S 命令,出现报错: npm ERR! code ERESOLVE npm ERR! ERESOL ...
- 使用UI创建vue项目并添加element ui和axios
目录 简介 Vue简单安装说明 项目创建步骤 总结 简介 因为最近一个项目需要使用SPA的方式,而前端选择使用vue来实现.所以最近重新看了下vue的相关知识,发现最新的vue项目可以在web中使用界 ...
- 解决vue-admin-template插件element UI组件默认英文改中文
其实vue-admin-template这个框架原来就有的 1.element UI里的组件改中文模式如图: src/main.js: 2.第三方插件如tinymic这个富文本插件改成中文显示,上面方 ...
- vue 3.0记录Element UI 表单使用(看了隔壁小孩儿都会用的Element UI 表单组件使用)
Element UI 表单 使用 记录 element ui 表单 input 文本域 日期选择 中国标准时间与xxxx-xx-xx格式时间之间的来回切换 中国标准时间转换为xxxx-xx-xx格式 ...
- vue加载动画element ui V-loading属性 踩坑记录
根据需求,由预览按钮打开弹窗,且弹窗需要渲染的数据较多,渲染的速度比较慢,所以要加一个加载中的效果,element ui的 v-loading属性就正好可以解决这一需求,但是当加入这一属性之后发现,是 ...
- vue问题三:element ui的upload组件上传图片成功和移除事件
element ui的upload组件上传图片成功和移除事件: 登录后获取到后台传的token存到中: sessionStorage.setItem("token",data.ob ...
- jQuery插件 -- jQuery UI插件
jQuery UI 主要分为3个部分: 交互.微件和效果库 交互:这里都是一些与鼠标交互相关的内容.包括拖动(Draggable).置放(Doppable).缩放(Resizable).选择(Sele ...
- Element UI极简教程(1):Element UI的安装
Java大联盟 致力于最高效的Java学习 关注 B 站搜索:楠哥教你学Java 获取更多优质视频教程 Element UI 简介 Element UI 是一套基于 Vue 的桌面端组件库,封装好 ...
最新文章
- h265webplayer
- NVIDIA深度学习Tensor Core性能解析(上)
- eclipse+tomcat 启动已有工程时卡在starting状态
- 求求你!不要在网上乱拷贝代码了!一段网上找的代码突然炸了,项目出现大BUG...
- Java黑皮书课后题第1章:1.1(显示三条消息)编写程序,显示Welcome to Java、Welcome to Computer Science和Programming is fun
- python观察日志(part21)--ord,chr,unichr方法的联系与区别
- 牛客练习赛 61(待补F-点分治?)
- 以“术”彰“道”,用匠心做技术—对话阿里云MVP刘洪峰
- dev项目属性按钮是灰色_如何当按钮处于各种交互状态时具有不同样式的按钮?...
- pdf模板工具JaspersoftStudio,JasperReport
- 光电编码器的原理及应用场合_光电编码器的原理及应用电路
- SI 9000 及阻抗匹配学习笔记(二)
- php开源视频cms,迅睿PHP开源视频电影CMS系统
- t’触发器真值表和状态方程_T触发器的特性表.ppt
- nodejs断言库_断言库的比较
- npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
- docker创建CentOS云主机(docker实践)
- DT_MACHINE_START 板级信息初始化匹配调用机制实现
- 中级响应代表什么事件_15万预算,能买到合格的中级轿车吗?
- C++:建立Cylinder类,有三个double型私有数据成员:半径、高和体积,构造函数传递两个值:半径和高,计算体积。成员函数showVolume()用来显示每个对象的体积。