WebStorm创建vue.js项目导入element插件报错问题

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: front@0.1.0
npm ERR! Found: vue@3.2.47
npm ERR! node_modules/vue
npm ERR!   vue@"^3.2.13" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer vue@"^2.5.17" from element-ui@2.15.13
npm ERR! node_modules/element-ui
npm ERR!   element-ui@"*" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR!
npm ERR! For a full report see:
npm ERR! C:\Users\24142\AppData\Local\npm-cache\_logs\2023-03-17T09_15_13_819Z-eresolve-report.txt

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\24142\AppData\Local\npm-cache\_logs\2023-03-17T09_15_13_819Z-debug-0.log

报错如上图，报错原因是因为npm版本过高导致

使用下面的命令即可创建成功

npm install element-plus --save