vue组合ElementUi

1、安装脚手架【前提是需要安装node.js】
npm install -g @vue/cli
2、使用图形化界面建立vue
vue ui
3、自定义选择路径,点击铅笔,将自己的路径放进去,按下回车即可
4、手动配置 勾选Babel与Router
5、使用npm的方式将elementui安装进去,不能在可视化视图的插件中安装,不然不能用
5.1、npm install --legacy-peer-deps element-ui --save【vue3安装elementui】
5.2、npm install element-plus --save 在package.json就可以看到element-plus的依赖
5.3、在main.js添加。因为main.js是我们的入口文件,你在这里面引入样式,你所有的页面都可以访问到的

import ElementPlus from 'element-plus';
import 'element-plus/theme-chalk/index.css';
import locale from 'element-plus/lib/locale/lang/zh-cn'
并且使用导入的函数模型
createApp(App).use(store).use(router).use(ElementPlus, { locale }).mount('#app')

6、就可以使用elementui官网的样式了

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值