Vue-webpack项目中使用Element UI组件库

2 篇文章 0 订阅

Vue-webpack项目中使用Element UI组件库

一、使用VueCli初始化项目

  1. 打开命令行工具,cd到桌面输入vue init webpack 项目名,初始化项目。在这里插入图片描述
    2.一路回车,直到选择Y/n,到这一步我们选择n(本案例暂时不用用到路由,规范,测试等)路选择n。如果没有安装Yarn工具就不选直接回车。初始化过程中出现警告不用管。在这里插入图片描述
    3.初始化完成项目后按照命令行中的提示,cd到项目中执行命令,这时,项目就建好了。效果图如下:在这里插入图片描述
    在这里插入图片描述
    4.在项目中安装element UI。打开一个新的命令行,cd到刚才初始化的项目中,按照官方文档提示安装(https://element.eleme.cn/#/zh-CN/component/quickstart)npm i element-ui 执行该命令。
    5.安装完成后在main.js导入element UI在这里插入图片描述
    6.导入组件库后就可以在element UI官网上挑去你所需要的组件了。在这里插入图片描述
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值