ElementUI安装与使用指南

Element官网-安装指南

提醒一下:下面实例讲解是在Mac系统演示的;

一、开发环境配置

电脑需要先安装好node.js和vue2或者vue3

  1. 安装Node.js

Node.js 中文网

安装node.js命令:brew install node

node.js安装完后,输入:node -v , npm -v 查看对应的版本

  1. 安装vue.js

vue.js官网
vue2
Vue CLI官网 , Vue CLI是 Vue.js 开发的标准工具
提醒:Vue CLI 现已处于维护模式!

安装vue.js命令:npm install -g @vue/cli

vue 安装完后,输入:vue -V 或 vue --version 查看版本

二、vue创建工程

方式一:终端切换到自己电脑里保存工程的文件夹目录里, 然后输入:vue create 工程名称

方式二:终端里输入:vue ui

在浏览器里输入http://localhost:8000/project/select,打开Vue 项目管理器

点击在此创建新项目

点击下一步

点击下一步

点击创建项目

三、安装 element

终端里切换到工程目录,输入

四、查看element是否安装成功

方式一: 使用 Intellij IDEA 打开learnelementuispringboot

查看package.json

查看node_modules

方式二:使用HBuilderX打开learnelementuispringboot

查看package.json

查看node_modules

说明 element-ui已经安装好了

运行项目

方式一:Intellij IDEA

或者 Intellij IDEA 终端里输入:npm run serve

方式二:HBuilderX

项目启动成功页面:

点击下载learnelementuispringboot项目源码

learnelementuispringboot项目源码里有elementui使用实例

使用指南博客

以上就是ElementUI安装与使用指南的全部内容讲解。

相关推荐
大猫会长1 分钟前
mac中创建 .command 文件,执行node服务
前端·chrome
旧时光_1 分钟前
Zustand 状态管理库完全指南 - 进阶篇
前端·react.js
snakeshe10103 分钟前
深入理解useState:批量更新与非函数参数支持
前端
windliang3 分钟前
Cursor 排查 eslint 问题全过程记录
前端·cursor
boleixiongdi4 分钟前
# Bsin-App Uni:面向未来的跨端开发框架深度解析
前端
G等你下课7 分钟前
AJAX请求跨域问题
前端·javascript·http
前端西瓜哥8 分钟前
pixijs 的填充渲染错误,如何处理?
前端
阑梦清川8 分钟前
Java后端项目前端基础Vue(二)
vue.js
snakeshe10109 分钟前
6-1. 实现 useState
前端
呆呆没有脑袋11 分钟前
深入浅出 JavaScript 闭包:从核心概念到框架实践
前端