VScode搭建element-ui环境

新建终端

当前虽在文件是vuetask文件夹

cd vue01

npm run server

 想要退出，ctr+c

引入element-UI

npm i element-ui -S 

报错  应该是我再shell里选错了，vue3不能和element-UI一起使用

删掉项目重新来过，果然不能报有侥幸心理

再次从vscode中运行时，发出错误声明，缺失sever

从项目中找到报错的文件，发现server并无缺失，当鼠标悬停时出现上图提示选项，点击运行脚本后，正常运行显示和第一次一样的结果和网址。 

 两种解决方法

 本文采用的解决方法，在命令后面加上  -legacy-peer-deps

引入element的按钮组件

 但是运行界面中并没有出现预期效果

错误点1：指令输入错误，没有server，是serve依赖

错误点2： 3:35  error  Trailing spaces not allowed  no-trailing-spaces

不要留有尾空格，这里不是代码逻辑出问题，而是不符合这个 Eslint 的规范

再第3行第35个字节中删除尾空格即可

错误点3：5:35  error  Extra semicolon  

有多余的分号

 成功创建且正常运行显示效果

创建项目成功后文件夹里

版本号的书写含义

非常收益的一个视频教学，讲的很详细

f​​​​​​​前端经典项目（必备开发）：Vue+ElementUI企业级后台管理系统实战（前端/开发/零基础/Vue2/WEB前端/CSS3）S0025_哔哩哔哩_bilibili