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. Ruby安装使用指南

    2024-01-30 23:46:02       35 阅读
  2. PyCharm详细安装教程高效使用指南

    2024-01-30 23:46:02       14 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-01-30 23:46:02       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-01-30 23:46:02       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-01-30 23:46:02       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-01-30 23:46:02       20 阅读

热门阅读

  1. C++入门

    C++入门

    2024-01-30 23:46:02      32 阅读
  2. ESLint代码检查系列 ——入门篇

    2024-01-30 23:46:02       36 阅读
  3. ERD Online后端源码:构建你的数据建模引擎️

    2024-01-30 23:46:02       42 阅读
  4. Python计算机二级/Python期末考试 刷题(一)

    2024-01-30 23:46:02       26 阅读
  5. BGAD文章复现笔记-1

    2024-01-30 23:46:02       37 阅读
  6. CSS Transition:变魔术的艺术

    2024-01-30 23:46:02       29 阅读
  7. Shaastra CTF 2024

    2024-01-30 23:46:02       41 阅读
  8. Linux的中断和中断处理

    2024-01-30 23:46:02       33 阅读
  9. pgsql中with子句和直接查询差别

    2024-01-30 23:46:02       35 阅读