版本说明
| - | 版本 | 备注 |
|---|---|---|
| vue | 3.2.13 | |
| element-plus | 2.4.4 |
vue尽量用最新的吧,旧的终究会被淘汰
element-plus 2.0以上版本全力支持vue3,不支持2
功能文件初步理解
| 文件名 | 说明 |
|---|---|
| package.json | 管理包的版本 |
| main.js | 引入包 |
| App.vue | 一般是做为文件入口 |
包引入理解
main.js中一行引入代码
import './lib/theme-chalk/index.css';
启动后报错,或者直接报错了
错误提示如下

这就是包导错地址了,一般是没有install对应的包,但是我们引入了
于是找一下包对应的文件地址
打开 /node_modules/element-plus 去找到 index.css
将文件地址修改成
import 'element-plus/dist/index.css';
启动ok