当前位置: 首页 > news >正文

vue3 安装element-plus进行一些简单的测试

1、安装element-plus

官网地址:https://element-plus.org/zh-CN/guide/installation.html

2、安装方法:

# 选择一个你喜欢的包管理器# NPM
npm install element-plus --save# Yarn
yarn add element-plus# pnpm
pnpm install element-plus

这里我选择的 是pnpm来进行安装:

新建终端:

3、安装成功以后,package.json会多一个element-plus的依赖

4、main.ts中增加引用

import { createApp } from 'vue'
import './style.css'
import App from './App.vue'import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'createApp(App).use(ElementPlus).mount('#app')

5、预览效果:

显示了一个按钮的效果,当然这个只是测试中简单的集成,实际的开发中,配制要比这个复杂。


http://www.mrgr.cn/news/8891.html

相关文章:

  • 实现el-table 两列多选框且不可同时勾选,可单选,可多选
  • java中的Collections
  • docker的安装+docker镜像的基本操作
  • Flutter-->Widget上屏之路
  • 高等数学精解【12】
  • shell程序设计入门(二)
  • 在Python中使用OpenCV录制视频并保存
  • 【Kubernetes】K8s 持久化存储方式
  • CSS的简单介绍
  • python小游戏——躲避球(可当课设)
  • Spark MLlib 特征工程系列—特征转换Polynomial Expansion
  • 【数据结构与算法】基数排序
  • 同步 异步
  • Spire.PDF for .NET【文档操作】演示:创建 PDF 组合
  • SpringMVC核心机制环境搭建
  • 编织网络之魂:Ruby网络编程指南
  • rt-studio+clion+cubemx联合使用(使用scons进行整合)
  • Python高光谱遥感数据处理与机器学习深度应用
  • 华为OD题目 csv格式的数据 字符串 用C没写出来
  • 分布式数据一致性小结