VScode搭建element-ui环境

新建终端

当前虽在文件是vuetask文件夹

cd vue01

npm run server

VScode搭建element-ui环境_第1张图片

 想要退出,ctr+c

引入element-UI

npm i element-ui -S 

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

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

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

VScode搭建element-ui环境_第2张图片

从项目中找到报错的文件,发现server并无缺失,当鼠标悬停时出现上图提示选项,点击运行脚本后,正常运行显示和第一次一样的结果和网址。 VScode搭建element-ui环境_第3张图片

 两种解决方法

VScode搭建element-ui环境_第4张图片

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

VScode搭建element-ui环境_第5张图片

引入element的按钮组件

VScode搭建element-ui环境_第6张图片

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

VScode搭建element-ui环境_第7张图片

错误点1:指令输入错误,没有server,是serve依赖

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

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

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

错误点3:5:35  error  Extra semicolon  

有多余的分号

VScode搭建element-ui环境_第8张图片

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

VScode搭建element-ui环境_第9张图片

创建项目成功后文件夹里

VScode搭建element-ui环境_第10张图片

版本号的书写含义

VScode搭建element-ui环境_第11张图片

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

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

你可能感兴趣的:(vscode,ide,编辑器)