VUE3+ts安装elementplus

如何在VUE3+ts的项目中,安装elementplus的步骤详解。
elementplus官网地址:https://element-plus.gitee.io/zh-CN/

1. 在终端输入

npm install element-plus --save
在这里插入图片描述

也可以用cnpm 、yarn 和pnpm 。具体代码:

# CNPM
$ cnpm install element-plus --save

# Yarn
$ yarn add element-plus

# pnpm
$ pnpm install element-plus

2. 在main.ts中添加

在全局安装配置,也可每个页面单独引用。

import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'


createApp(App).use(ElementPlus).mount("#app");
在这里插入图片描述

3. 在HelloWorld.vue中添加

在页面增加一个按钮,看看是否安装成功。

<el-button type="primary">Primary</el-button>
在这里插入图片描述

出现按钮,就是添加成功了!


在这里插入图片描述

如何VUE3+TS学习-项目搭建:链接》》

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容