Element-UI 的基本使用||基于图形化界面自动安装

Element-UI 的基本使用

Element-UI：一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。

官网地址为： http://element-cn.eleme.io/#/zh-CN

1. 基于命令行方式手动安装

① 安装依赖包 npm i element-ui –s

② 导入 Element-UI 相关资源

// 导入组件库 import ElementUI from 'element-ui';

// 导入组件相关样式 import 'element-ui/lib/theme-chalk/index.css';

// 配置 Vue 插件 Vue.use(ElementUI);

基于图形化界面自动安装

① 运行 vue ui 命令，打开图形化界面

② 通过 Vue 项目管理器，进入具体的项目配置面板

③ 点击插件 -> 添加插件，进入插件查询面板

④ 搜索 vue-cli-plugin-element 并安装

⑤ 配置插件，实现按需导入，从而减少打包后项目的体积

Element-UI 的基本使用||基于图形化界面自动安装相关推荐

PC后台管理（基于图形化界面自动安装教程）
基于vsode开发的一套后台管理技术选项一.项目初始化 1.1前端项目初始化步骤 1.2后台管理的环境安装安装配置 1.3登录和退出的功能 1.4主页把跟新后的代码提交到马云上去三级目录技术 ...
使用vue ui创建vue项目(基于图形化界面的方式)
前提: 1.打开cmd ,安装vue脚手架 npm install -g @vue/cli 2.若之前安装过无需重新安装:直接在cmd 中输入vue ui 若输入vue ui 后无反应,则是安装的脚手 ...
基于图形化界面创建Vue项目
记录:267 场景:基于图形化界面创建Vue项目,便于后续查阅. 环境:Node.js v14.17.3 1.打开cmd控制台运行命令:vue ui 截图: 2.项目仪表盘截图: 3.Vue 项目 ...
Samba在CentOS下的图形化界面的安装
摘要: Samba在CentOS下的图形化界面的安装第一步:构建yum仓库(在此用的是北交大的yum仓库) 打开目录/etc/yum.repos.d下的CentOS-Base.repo文件,此处是我 ...
Windows 图形化界面子系统安装教程
Windows 图形化界面子系统安装教程文章目录 Windows 图形化界面子系统安装教程一.概述二.安装步骤 2.1 安装子系统 2.2 安装图形化界面 2.3 后续一.概述为什么需要Wi ...
Windows远程连接centos7图形化界面，安装xrdp
Windows远程连接centos7图形化界面,安装xrdp 写在最前面准备工作查看ubuntu系统的版本信息和gcc版本尝试进入图形化界面更新yum 下载安装图形化界面查询本地是否有Ser ...
linux红帽系统、图形化界面详细安装教程
1.挂载光盘 mount /dev/cdrom /mnt/ #挂载光盘到/mnt/目录下 mkdir /opt/package/ #创建package目录 cp -rf /mnt/* /opt/pac ...
Cent os7 _ LINUX虚拟机安装_设置网络及图形化界面_安装教程
准备工具(可到官网去下载): 1.VMware Workstation 15.5.6 版本链接:https://pan.baidu.com/s/1o9w1Em91dYms0zR0fF7u3A 提取码 ...
本地的registry图形化界面harbor安装与使用--02
harbor图形化 1. 软件准备 harbor2.3.3版本 2. 安装 3. 使用方法 1. 软件准备 harbor2.3.3版本 harbor: https://github.com/gohar ...

Element-UI 的基本使用||基于图形化界面自动安装

Element-UI 的基本使用

基于图形化界面自动安装

Element-UI 的基本使用||基于图形化界面自动安装相关推荐

最新文章

热门文章