1. 安装最新版的nodejs
  2. 配置环境变量,使得npm命令全局可用
  3. npm install -g @vue/cli 安装@vue-cli,使得vue命令可用
  4. 使用vue create 项目名 命令,会提示选择vue2.x还是vue3.x -> 选择vue3.x
  5. vue3.x成功安装并使用element-plus
  6. npm install element-plus --save
  7. 全局引用最简单 覆盖main.js
import { createApp } from 'vue'
import ElementPlus from 'element-plus';
import 'element-plus/dist/index.css';
import zhCn from 'element-plus/es/locale/lang/zh-cn';//解决elementpLus一些组件是英文的问题
import App from './App.vue';

const app = createApp(App)
app.use(ElementPlus,{
    locale:zhCn
})
app.mount('#app')
  1. 可在App.vue中使用element-plus的组件,测试是否成功
  2. npm run server 后 打开localhost:8080端口查看页面是否正常
GitHub 加速计划 / el / element-plus
23.88 K
15.38 K
下载
element-plus/element-plus: Element Plus 是一个基于 Vue 3 的组件库,提供了丰富且易于使用的 UI 组件,用于快速搭建企业级桌面和移动端的前端应用。
最近提交(Master分支:1 个月前 )
c1863f50 3 个月前
b55163fd 3 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐