element-plus的安装

  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端口查看页面是否正常

你可能感兴趣的:(vue,npm,nodejs)