版本说明

-版本备注
vue3.2.13
element-plus2.4.4

vue尽量用最新的吧,旧的终究会被淘汰
element-plus 2.0以上版本全力支持vue3,不支持2

功能文件初步理解

文件名说明
package.json管理包的版本
main.js引入包
App.vue一般是做为文件入口

包引入理解

main.js中一行引入代码

import './lib/theme-chalk/index.css';

启动后报错,或者直接报错了
错误提示如下
image.png
这就是包导错地址了,一般是没有install对应的包,但是我们引入了
于是找一下包对应的文件地址
打开 /node_modules/element-plus 去找到 index.css
将文件地址修改成

import 'element-plus/dist/index.css';

启动ok