安装如下依赖(package.json 未包含):
vue
element-plus
echarts
@element-plus/icons-vue
安装指定的依赖(Vue、Element Plus、ECharts 和 Element Plus 图标)
1. 安装 Vue(Vue 3)
npm install vue@next
2. 安装 Element Plus 及其图标库
npm install element-plus @element-plus/icons-vue
3. 安装 ECharts
npm install echarts
完整安装命令(一次性安装所有依赖)
npm install vue@next element-plus @element-plus/icons-vue echarts
说明:
-
Vue 版本 :
vue@next
会安装 Vue 3(当前最新稳定版),这是 Element Plus 的运行基础。 -
自动保存依赖 :
以上命令会将依赖自动写入
package.json
(如果文件不存在,首次安装时会自动创建)。 -
项目集成示例:
// main.js import { createApp } from 'vue' import App from './App.vue' import ElementPlus from 'element-plus' import 'element-plus/dist/index.css' import * as Icons from '@element-plus/icons-vue' const app = createApp(App) // 注册所有图标 for (const [name, component] of Object.entries(Icons)) { app.component(name, component) } app.use(ElementPlus) app.mount('#app')
-
验证安装 :
检查
package.json
中的dependencies
是否包含:"dependencies": { "@element-plus/icons-vue": "^2.x", "element-plus": "^2.x", "echarts": "^5.x", "vue": "^3.x" }
注意:实际版本号(
x
部分)将以安装时的最新稳定版为准。如需指定版本,可在包名后添加@版本号
,例如element-plus@2.0.1
。