Vue-cli4+Vue3+Element Plus

x33g5p2x  于2022-02-17 转载在 Vue.js  
字(0.6k)|赞(0)|评价(0)|浏览(681)

提前准备

  1. node
  2. npm
  3. 配置npm淘宝镜像

安装Vue-cli4

npm install -g @vue/cli 4.5.15

创建vue项目

vue create vue-web-element-plus

手动选择功能

勾选需要的功能

选择vue3版本

配置默认设置

然后就一直回车就好了

注意: 个别情况如果遇到没有安装python2.7…的报错那么下载一个
python-2.7.12.amd64.msi
链接:https://pan.baidu.com/s/16HsXrR2IFih7lWizxIU7lg
提取码:1234
安装后配置安装目录根,到系统的全局变量中,之后在从新创建项目就行了

安装Element Plus

先进入项目当中

cd vue-web-element-plus

然后安装element-plus

npm install element-plus --save

在项目中配置Element Plus

vue add element-plus

然后就安装成功了

安装vue ui

vue ui

然后将项目导入进去

解决办法(main.ts):

解决办法(element-variables.scss):

然后重新启动:

可以看到Element Plus生效了,好了这就是全套搭建的方法
点赞 -收藏-关注-便于以后复习和收到最新内容有其他问题在评论区讨论-或者私信我-收到会在第一时间回复如有侵权,请私信联系我感谢,配合,希望我的努力对你有帮助^_^

相关文章