vue-cli 4.5.6项目中 使用Element-UI

最新推荐文章于 2022-03-22 15:05:14 发布
最新推荐文章于 2022-03-22 15:05:14 发布
阅读量2.4k 收藏 2
点赞数 1
分类专栏： 前端开发 文章标签： vue 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012996363/article/details/108643059
版权

一.使用 vue create projectname 命令，创建好项目之后，使用vs-code打开 ”main.js“ 文件
添加如下代码：

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

Vue.use(ElementUI);

添加完成 如下图所示：
效果如图所示
二.在项目中安装 “element-ui" 插件,安装命令如下：
cnpm install --save element-ui

安装完成 结果如下：
在这里插入图片描述

郭小蒋
关注
专栏目录
Vue入门：（踩坑：Vue4.5.6引入elementui）
Continue的博客
12-03 565
##今天用v4.5.6版本的Vue脚手架创建项目时选择了3.x的Vue.js版本。然后想引入elementui时报错 #浏览器显示空白 检查报图示错误 #而当我去掉element相关包后又运行正常，这时发现原来v4.5.6版本实例对象不一样了 于是上网查询，发现了有遇到同样的问题的难友，他们最后都是通过删除当前版本，下载适应的版本最后成功解决，当我以为脱坑的时候，试了后发现仍然报错，深感绝望，决定重新去创建2.x版本。路过大佬们若有解决方法，欢迎留言。 ...
vue-cli4.5创建Vue3.x引入element-ui
小菜吉的博客
12-04 939
最近要写登录界面，但要求是用ElementUI，所以去官网看了一下，也遇到了挺多的问题，所以在此和大家分享一下， 首先，我的脚手架和vue版本是最新的， 由于elemnetui目前完美支持Vue2.0，所以vue3要用，就需要用到plus版本了，我去官网看了， # NPM $ npm install element-plus --save 我安装完，问题好多，在node_modules里显示是已经安装好elementui了，但是还是报错 去查了一下，网上说，把theme_defau.
vuecli4.5.11引入elementUI
weixin_46472377的博客
03-25 643
vuecli4.5.11引入elementUI 话不多说网上查了很多并且官方也还没给出正式版elementUI引入，目前只是体验引入项目 1.完整引入（不推荐使用，测试版还是有bug） 在 main.js 中写入以下内容： import { createApp } from ‘vue’ import ElementPlus from ‘element-plus’; import ‘element-plus/lib/theme-chalk/index.css’; import App from ‘./App.
vue cli快速搭建网站步骤及参数详解
weixin_39921970的博客
03-22 3447
以TP6+vue3+vue cli4.5.6+element UI为例，vue的web工程放在/public下 一、准备 ①已安装node.js（vue cli4.x，node是v10以上版本），npm ②没有旧版vue cli，如有，卸载 npm uninstall vue-cli -g //或者 yarn global remove vue-cli 二、搭建工程 1、创建项目 vue creat 项目工程名称 等待ing… 安装成功，cd web-uniapp 运行 npm run serve，
@vue/cli 4.5.6版本初始化项目vue create报错npm ERR! code EINTEGRITY
kalinux的博客
09-29 1208
1，2020/9/29安装node和vue，版本分别如图： 2，设置了淘宝镜像后初始化vue项目：vue create test001 按照博主此篇文章一路走下来还是报错： 3，处理方式，输入命令： npm cache verify npm cache clean #这个命令执行不了，就执行下面 --force的命令 npm cache clean --force #clean掉之后重新执行npm install命令 4，重新vue create test002: 在此博主文章找到灵感决定在以下.
electron-vue + vue-cli + element-ui 实时热更新版v12.0.4框架.rar
05-06
electron-vue + vue-cli + element-ui 实时热更新版，electronv12.0.4框架，打包好的框架，拿来即用，实时热更新，提高开发3倍效率
vue-cli-plugin-element-Vue CLI 3插件，可在几秒钟内用element-ui构建企业应用程序-Vue.js开发
05-27
该项目不仅是vue-cli插件，而且是vue-cli-plugin-element，可在几秒钟内使用vue-cli和element-ui快速构建企业应用程序。 该项目不仅是vue-cli插件，而且是vue-cli预设。 玩得开心！ :United_States:英文| Example...
基于vue-cli 的 Element UI 的后台系统模板
02-21
在"基于vue-cli 的 Element UI 的后台系统模板"中，我们主要关注以下几个核心知识点： 1. **Vue CLI**：Vue CLI（Vue.js Command Line Interface）是Vue官方提供的一个脚手架工具，用于快速搭建 Vue 项目。它简化了...
vue2.0基于vue-cli+element-ui制作树形treeTable
10-17
主要介绍了vue2.0基于vue-cli+element-ui制作树形treeTable，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Vue-cli3:Vue-CLI3 + Element ui后台管理系统
03-11
演示 项目设置 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 npm run build 运行测试 npm run test 整理和修复文件 npm run lint 自定义配置 请参阅。
vue cli4 安装及构建(vue+ts)项目目录
假装是个web dog
09-16 1198
vue cli4 安装及构建项目目录环境需求安装vue cli创建一个项目 环境需求 Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本。本机电脑node 版本 14.11.0 （使用的是nvm 管理的node版本） 安装vue cli 可以使用下列任一命令安装这个新的包： npm install -g @vue/cli yarn global add @vue/cli 查看安装版
vue-cli（vue脚手架）安装 详细教程
热门推荐
keke2486的博客
08-26 2万+
vue-cli这个构建工具大大降低了webpack的使用难度，支持热更新，有webpack-dev-server的支持，相当于启动了一个请求服务器，给你搭建了一个测试环境，只关注开发就OK。 一.安装vue-cli 1、 使用npm（需要安装node环境）全局安装webpack，打开命令行工具输入：npm install webpack -g或者（npm install -g webpack），安装完成之后输入 webpack -v，如下图，如果出现相应的版本号，则说明安装成功。 注意：webpack 4.
Vue-cli4 配置 element-ui 按需引入
黄河爱浪的博客-专注CSS,jQuery,uni-app领域
12-13 1万+
在按照element-ui文档和网上各个文章的描述方式都未能正确配置出按需加载的功能。经小编一番摸索之后，终于搞定了，本篇文章记录实现的全过程 #1 node与vue的版本情况 #2未按需加载打包后的文件情况 由上图看出，只是引入了 element-ui框架后，js文件急剧的上升到了 783KB，这显然是不能接受的。 element-ui按需加载文档：https://e...
vue-cli@4.5 配置 element-UI踩坑
实事求是，艰苦奋斗，小小的梦想，终将实现。
01-30 1572
问题描述 最近进行vue的一个项目开发。电脑新的什么也没配置。安装vue是4.5版本的，也没管版本。最后出现了一个问题，就是在vue 4.5版本上安装的element-ui没有生效。于是去官网上逛了一下，发现element版本是2.15.0。并且element-ui给出的只有vue 3.0版本的相关文档。 解决方法 卸载vue-cli@4.5、安装vue-cli@3.0即可。 ...
vue-cli@4搭建 vue + element-ui 项目实操
huzhenv5的博客
01-16 1万+
本文用来记录如何通过vue-cli4来搭建一个element的项目，以及中间碰到的一些问题的处理方法 一，搭建步骤 1. 安装node 安装步骤自行百度，确认node环境变量已经配置好，node和npm指令可正常使用 2. 全局安装vue-cli 安装最新版本的vue-cli npm install -g @vue/cli 安装成功后，就可以使用vue命令了，使用vue --version可以查...
vue-cli4创建项目导入Element-UI踩过的坑
weixin_45185103的博客
10-06 4856
错误1：Uncaught TypeError: Cannot read property ‘prototype‘ of undefined 错误2：unknown option – skipGetStart
解决vue-cli4.5.0与element-ui冲突的方法
qq_36382636的博客
07-30 1729
"export ‘default’ (imported as ‘Vue’) was not found in ‘vue’ 这个错误是在用vue-cli4.5.0脚手架后npm i element-ui出现的问题，这个element-ui这个在官网上main.js的配置对于这个版本的脚手架没用就会报这个错，样式加载不出来，解决方法如下 npm uninstall element-ui npm install element-plus npm install -g @vue/cli import { cr
Vue3怎么使用element-plus
GongWei_的博客
11-23 2万+
vue3出来一段时间了，element也更新了版本去兼容vue3，在这里简单的介绍一下如何使用element-plus吧 1、安装 npm install element-plus --save 2、引入 import { createApp, Vue } from 'vue'; import ElementPlus from 'element-plus'; import 'element-plus/lib/theme-chalk/index.css'; import App from './App.vu
vue/cli4.5 + vue-router4.0 + element-plus 搭建后台管理系统（一）
我的个人博客
04-01 1117
前言：本教程教你从0搭建vue/cli4.5 + vue-router4.0 + elementuiPlus 后台管理系统 功能：用户管理，权限配置，图表基本功能 准备工作：请先下载安装node，node官网 npm install -g @vue/cli;//安装最新版本vue-cli脚手架 npm install --save-dev webpack //webpack 安装 //cmd 或者自己用的顺手的工具检查vue是否安装成功 vue-V //出现版本号即vue安装完成 vue...
vue2.0 + vue-cli + element-ui：详解树形table实现
接着，文章重点介绍如何在已生成的vue-cli项目中整合element-ui。element-ui是一个基于Vue的开源UI组件库，提供了丰富的组件和样式。在项目目录下执行`npm install element-ui`安装element-ui，然后在`main.js`文件...
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值