Vue下面安装Element 的详细步骤

项目中在大量的使用vue和Element来书写自己的代码，无论是前台系统还是后天系统。这里我给大家详细的介绍一下如何在vue项目中引入Element.

首先你要安装了vue，如果没有安装可以参考vue的官方文档进行安装。

安装完成后效果如图：

现在默认的是不自动打开浏览器，我们可以设置一下配置项：

我这里主要讲述的是从vue项目搭建的初始开始安装Element的步骤：

首先第一步是下载：npm i element-ui -S

第二步骤：在main.js中引入js和css

import ElementUI from 'element-ui';

import 'element-ui/lib/theme-chalk/index.css';

第三步骤：让vue引用Element ui

Vue.use(ElementUI);

然后，我们就可以使用Element ：那么我们引用一部分样式看看：

当然网络上有很多使用这两个组合的后台模板，所以大家对饿了么组件的使用，还是有必要掌握的。写出来，供大家参考。与大家共勉.....

Vue下面安装Element 的详细步骤相关推荐

Vue引入 mavon-editor 编辑器的详细步骤
Vue引入 mavon-editor 编辑器的详细步骤一.编辑器的引入如果你的项目之前没有安装过该编辑器,那就得先安装编辑器在自己的项目的根目录执行下列命令: npm install mavon ...
UBUNTU手动安装JDK的详细步骤
这篇文章主要介绍了UBUNTU手动安装JDK的详细步骤,大家参考使用吧先去 Oracle下载Linux下的JDK压缩包,我下载的是jdk-7u4-linux-i586.tar.gz文件,下好后直接解 ...
linux下安装DB2的详细步骤
我也是才学习,在网上找了一个在linux下安装DB2 的步骤,共享给大家看看了. linux下安装DB2的详细步骤! 第一步:检查程序包及其版本在软件包管理中查看下列软件包是否安装,如没有安装,先安 ...
Linux上快速安装软RAID详细步骤
物理环境:虚拟机CentOS6.4 配置:8G内存.2*2核cpu.3块虚拟硬盘(sda,sdb,sdc,sdb和sdc是完全一样的) 在实际生产环境中,系统硬盘与数据库和应用是分开的,这样有利于系统 ...
Ubantu20.04 安装搜狗输入法的详细步骤和遇到的问题
Ubantu20.04 安装搜狗输入法的详细步骤和遇到的问题一.安装Fcitx输入框架 1.步骤 2.遇到的问题二.下载Linux版本搜狗输入法 1.搜狗Linux下载官方网站 2.安装步骤三. ...
云服务器安装虚拟机教程视频,从零开始安装VMwareTools的详细步骤(图文教程)
从零开始安装VMwareTools的详细步骤(图文教程) 发布时间:2020-10-23 18:08:10 来源:脚本之家阅读:80 作者:ZYH199897 栏目:服务器 VMware Tools ...
安装windows2000操作系统的详细步骤
安装windows2000操作系统的详细步骤一.安装前的准备工作: 1.将我的文档中重要的资料复制到系统盘外的E盘(以复制到E盘为例): 2.下载安装驱动精灵或驱动备份工具,将重要驱动程序(如果你是 ...
docker安装redis（详细步骤）
docker安装redis(详细步骤) 一次docker安装redis 一次docker安装redis 1. 执行docker search redis搜索镜像 2. 执行docker pull re ...
linux安装JDK1.8详细步骤
linux安装JDK1.8详细步骤 1.官网下载jdk1.8压缩包进入官网:https://www.oracle.com/java/technologies/downloads/ 2.将下载好的压缩 ...

Vue下面安装Element 的详细步骤

Vue下面安装Element 的详细步骤相关推荐

最新文章

热门文章