Vue安装必要插件element-ui插件及axios依赖（详细）

最新推荐文章于 2024-06-12 08:00:00 发布
最新推荐文章于 2024-06-12 08:00:00 发布
阅读量3.1k 收藏 11
点赞数 3
分类专栏： VUE 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48594741/article/details/118393570
版权
本文详细介绍了在Vue项目中安装element-ui组件库和axios HTTP客户端的步骤。首先，通过Vue CLI的GUI界面选择合适的vue-cli-plugin-element插件进行安装，并配置为按需导入。接着，通过添加依赖方式安装axios，确保项目能够发起HTTP请求。安装完成后，通过运行项目验证安装成功。
摘要由CSDN通过智能技术生成

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 配置完成
简单的等待之后，出现如下图所示，就说明安装插件成功，点击继续
在这里插入图片描述
点击继续之后，又会回到插件页面，我们可以看到下图划线部分，插件已经成功添加

最低0.47元/天 解锁文章
一只慵懒的程序喵
关注
  • 3
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
《web开发： Vue 脚手架（vue-cli）、Element-UI 组件库》
yexiangCSDN的专栏
02-24 260
一、脚手架（vue-cli） 1.Vue 脚手架的基本用法 Vue 脚手架用于快速生成 Vue 项目基础架构，其官网地址为：https://cli.vuejs.org/zh/ 1. 安装 3.x 版本的 Vue 脚手架： npm install -g @vue/cli 基于3.x版本的脚手架创建vue项目 // 1. 基于 交互式命令行 的方式，创建 新版 vue 项目 vue create my-project // 2. 基于 图形化界面 的方式，创建 新版 vue 项目...
ElementUI插件引用
u014265398的博客
05-24 427
学习目标： 通过element插件快速集成element-ui 1. 初始化vue项目 vue create vue-pro 2.进入项目根目录 cd vue-pro 3.通过插件的形式安装element-ui vue add element 安装完毕 修改App.vue <template> <div id="app"> <el-button type='danger'>按钮</el-button> </di
详细讲解Element UI 中丰富的表单控件（图文解析）
最新发布
码农研究僧的博客
06-12 3348
Element UI 创建各种表单控件，包括文本框、文本域、下拉框、单选框、复选框、日期控件、图片上传、文件上传和富文本控件
Vue使用Element UI插件
yh_zeng2的博客
04-15 1560
Vue使用Element UI插件
Vue项目安装Element UI和Axios
weixin_45138601的博客
06-28 1449
一、安装Element UI 先执行 npm i element-ui -S 然后在main.js中加入以下代码 import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; Vue.use(ElementUI); 二、安装Axios 先执行 npm install axios -S 然后在main.js中加入以下代码 import axios from 'axios' Vue.prototype.
idea element ui 2.x 提示插件
05-08
idea element ui 2.x 提示插件，在原插件上二次开发，基于最新版element ui 2.8.2版本开发，必须先安装vuejs插件。使用方法，下载插件element-2.0.jar，在idea中Settings...>Plugins>Install Plugin from Disk... 安装完重启idea即可。 版权归原作者，https://github.com/jiaolong1021/ElementPlugin
基于Vue+Vue-router+Vuex+Element-ui+Axios商城
06-27
本项目前后端分离，前端基于Vue+Vue-router+Vuex+Element-ui+Axios，参考小米商城实现。后端基于Node.js(Koa框架)+Mysql实现。 前端包含了11个页面：首页、登录、注册、全部商品、商品详情页、关于我们、我的收藏、...
基于vue+vue-router+vuex+element-ui+axios，参考小米商城，实现的电商项目，仿小米商城源代码
03-23
本项目前后端分离，前端基于`Vue`+`Vue-router`+`Vuex`+`Element-ui`+`Axios`，参考小米商城实现。后端基于`Node.js(Koa框架)`+`Mysql`实现。 前端包含了11个页面：首页、登录、注册、全部商品、商品详情页、关于...
基于Vue+Vue-Router+Vuex+Element-ui+axios，参考小米商城，实现的电商项目。.zip
10-30
Element-ui是基于Vue.js的一套高质量UI组件库，由饿了么团队开发。它提供了一系列美观、实用的组件，如按钮、表格、下拉菜单、导航栏等，大大简化了前端开发过程，使得我们可以快速搭建出符合现代设计标准的界面。 ...
基于Vue+Vue-Router+Vuex+Element-ui+axios，高仿小米商城，实现的电商项目
06-15
基于Vue+Vue-Router+Vuex+Element-ui+axios，高仿小米商城，实现的电商项目。本项目前后端分离，前端基于Vue+Vue-router+Vuex+Element-ui+Axios，参考小米商城实现。后端基于Node.js(Koa框架)+Mysql实现。前端包含了...
vue-cli-plugin-element-Vue CLI 3插件，可在几秒钟内用element-ui构建企业应用程序-Vue.js开发
05-27
vue-cli-plugin-element可以在几秒钟内使用vue-cli和element-ui快速构建企业应用程序。 该项目不仅是vue-cli插件，而且是vue-cli-plugin-element，可在几秒钟内使用vue-cli和element-ui快速构建企业应用程序。 该项目不仅是vue-cli插件，而且是vue-cli预设。 玩得开心！ :United_States:英文| Example简体中文示例一个完整的示例项目：:high_voltage:@ codetrial / element-admin实时预览：:telescope:element-admin.now.sh入门先决条件必须在开始之前安装Vue CLI 3：npm install -g @ vue / cli＃或yarn global add @ vue / cli安装预设您可以创建自己的
vue-cli-plugin-element-plus:@vuecli 4.5的Element Plus插件
05-26
vue-cli-plugin-元素加 @vue/cli 4.5的Element Plus插件。 安装 首先，您需要全局安装@vue/cli （按照的说明进行操作）。 然后创建一个项目并添加Element Plus插件： vue create my-app cd my-app vue add element-plus 您将被问到有关在项目中如何配置Element Plus的一些问题。 在那之后，你很好。 与vue-cli UI一起使用 如果您已完成“ Install部分中的所有步骤，请跳过此部分。 如果您更喜欢在vue-cli UI中管理项目（通过运行vue ui ），则可以通过以下方法添加Element Plus插件：转到“插件”菜单，单击右上角的“ + Add plugin按钮，找到vue-cli-plugin-element-plus并安装它。
使用vue-ui可视化管理工具来创建项目并安装vue-cli-plugin-element插件
caixuanji的博客
06-05 4657
使用vue-ui可视化管理工具来创建项目并安装vue-cli-plugin-element插件
vue项目常用依赖安装②——element-ui
weixin_44979432的博客
10-15 2633
一、介绍 Element-Ul是饿了么前端团队推出的一款基于Vue.js 2.0 的桌面端UI框架，中文官方地址如下：Element-Ul官网 二、安装 npm install element-ui -S 三、配置 在main.js文件中 引入 element 组件 ： // 程序入口：环境依赖，插件 import Vue from 'vue' // 引入根组件 import App from './App' // 引入路由配置 import router from './router' // 关闭
ElementUI组件的安装和使用
u013558123的博客
02-22 1519
ElementUI组件的安装和使用
Element UI常用部分组件简要介绍一
weixin_53818172的博客
05-29 945
在本篇博客中，简要介绍了如何快速入门并使用Element UI。我们学习了如何安装Element UI、引入Element UI并开始使用它的部分组件.Element UI提供了丰富的组件和工具，可以帮助你快速构建漂亮的Web界面。如果你想了解更多关于Element UI的信息，可以查阅官方文档，里面有更详细的组件使用说明和示例。后续会继续更新,希望本文对你有所帮助，祝你在使用Element UI时顺利进行！如果你有任何问题，欢迎在下方留言。
vue3.0安装element plus依赖
weixin_49965735的博客
11-09 2738
众所周知，vue3.0不支持element-ui的安装，想要使用element组件，只能安装element-plus 第一步： 安装依赖：（npm太慢的话可以使用淘宝镜像） npm install element-plus --save 第二步：在main.js中引入 import ElementPlus from 'element-plus'; import 'element-plus/theme-chalk/index.css'; 注意：引入css样式的时候一定要注意路径不要写错了 .
Element-UI介绍：主题定制、自定义组件和插件扩展
weixin_43263566的博客
05-23 5196
Element-UI介绍：主题定制、自定义组件和插件扩展
Vue+Element-UI JYAdmin后台管理系统模板详解及axios封装
6. **安装与依赖管理**：通过`cnpm install axios --save`命令安装axios，并展示了如何将其添加到项目的依赖中。 这篇文章提供了vue+element-ui JYAdmin后台管理系统开发的实践指导，涵盖了基础架构配置到具体功能...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一只慵懒的程序喵

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值