1. 初始化vue项目
https://www.cnblogs.com/Emking/p/16701767.html
2. 安装element插件
进入项目根目录下
npm install element-plus --save
3. 引入插件
修改main.js 引入需要用到的组件
import { createApp } from 'vue' import App from './App.vue' //引入element-plus模块 import ElementPlus from 'element-plus' import 'element-plus/dist/index.css' const app = createApp(App) //使用ElementPlus app.use(ElementPlus) app.mount('#app')
4. 启动测试
修改主页app.vue, template标签下添加测试标签
<template> <img alt="Vue logo" src="./assets/logo.png"> <HelloWorld msg="Welcome to Your Vue.js App"/> <el-button type="danger">Danger</el-button> </template>
启动npm run serve,出现图标表示成功。