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依赖(详细)相关推荐

  1. vue安装并导入Element UI

    首先,在Vue项目的终端输入:npm i element-ui -S (输入之后,回车,等待一会儿,就会出现下图红框以下的内容,表示已经安装成功) 然后,在main.js中添加: import Ele ...

  2. vue项目,引入插件element ui 样式不生效

    用vue ui 命令 引入插件 element ui 样式不生效 步骤一:执行如下命令,安装babel-plugin-component npm install babel-plugin-compon ...

  3. vue学习笔记-关于element ui 安装失败的问题解决

    今天学习vue时,对element ui进行安装,运行npm install element-ui -S 命令,出现报错: npm ERR! code ERESOLVE npm ERR! ERESOL ...

  4. 使用UI创建vue项目并添加element ui和axios

    目录 简介 Vue简单安装说明 项目创建步骤 总结 简介 因为最近一个项目需要使用SPA的方式,而前端选择使用vue来实现.所以最近重新看了下vue的相关知识,发现最新的vue项目可以在web中使用界 ...

  5. 解决vue-admin-template插件element UI组件默认英文改中文

    其实vue-admin-template这个框架原来就有的 1.element UI里的组件改中文模式如图: src/main.js: 2.第三方插件如tinymic这个富文本插件改成中文显示,上面方 ...

  6. vue 3.0记录Element UI 表单使用(看了隔壁小孩儿都会用的Element UI 表单组件使用)

    Element UI 表单 使用 记录 element ui 表单 input 文本域 日期选择 中国标准时间与xxxx-xx-xx格式时间之间的来回切换 中国标准时间转换为xxxx-xx-xx格式 ...

  7. vue加载动画element ui V-loading属性 踩坑记录

    根据需求,由预览按钮打开弹窗,且弹窗需要渲染的数据较多,渲染的速度比较慢,所以要加一个加载中的效果,element ui的 v-loading属性就正好可以解决这一需求,但是当加入这一属性之后发现,是 ...

  8. vue问题三:element ui的upload组件上传图片成功和移除事件

    element ui的upload组件上传图片成功和移除事件: 登录后获取到后台传的token存到中: sessionStorage.setItem("token",data.ob ...

  9. jQuery插件 -- jQuery UI插件

    jQuery UI 主要分为3个部分: 交互.微件和效果库 交互:这里都是一些与鼠标交互相关的内容.包括拖动(Draggable).置放(Doppable).缩放(Resizable).选择(Sele ...

  10. Element UI极简教程(1):Element UI的安装

      Java大联盟 致力于最高效的Java学习 关注 B 站搜索:楠哥教你学Java 获取更多优质视频教程 Element UI 简介 Element UI 是一套基于 Vue 的桌面端组件库,封装好 ...

最新文章

  1. h265webplayer
  2. NVIDIA深度学习Tensor Core性能解析(上)
  3. eclipse+tomcat 启动已有工程时卡在starting状态
  4. 求求你!不要在网上乱拷贝代码了!一段网上找的代码突然炸了,项目出现大BUG...
  5. Java黑皮书课后题第1章:1.1(显示三条消息)编写程序,显示Welcome to Java、Welcome to Computer Science和Programming is fun
  6. python观察日志(part21)--ord,chr,unichr方法的联系与区别
  7. 牛客练习赛 61(待补F-点分治?)
  8. 以“术”彰“道”,用匠心做技术—对话阿里云MVP刘洪峰
  9. dev项目属性按钮是灰色_如何当按钮处于各种交互状态时具有不同样式的按钮?...
  10. pdf模板工具JaspersoftStudio,JasperReport
  11. 光电编码器的原理及应用场合_光电编码器的原理及应用电路
  12. SI 9000 及阻抗匹配学习笔记(二)
  13. php开源视频cms,迅睿PHP开源视频电影CMS系统
  14. t’触发器真值表和状态方程_T触发器的特性表.ppt
  15. nodejs断言库_断言库的比较
  16. npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
  17. docker创建CentOS云主机(docker实践)
  18. DT_MACHINE_START 板级信息初始化匹配调用机制实现
  19. 中级响应代表什么事件_15万预算,能买到合格的中级轿车吗?
  20. C++:建立Cylinder类,有三个double型私有数据成员:半径、高和体积,构造函数传递两个值:半径和高,计算体积。成员函数showVolume()用来显示每个对象的体积。

热门文章

  1. noi linux,NOI Linux使用教程(基础讲解)
  2. android文本框删除按钮,ClearEditText — 带删除按钮的输入框
  3. vue使用高德地图获取当前经纬度
  4. Maven整合SSM项目(七)
  5. 淘宝嘉年华5元无门槛红包使用范围 怎么设置淘宝嘉年华5元无门槛红包
  6. EXCEL里如何识别AB和BA并去重?EXCEL里如何对多列同一值不区分顺序去重?
  7. BAT批处理脚本案例--创建快捷方式
  8. 光学图像、SAR图像等区别
  9. 用python编程解决鸡兔同笼问题
  10. Ubuntu16.04 忘记登陆密码 重新设置密码