Vue3.x的安装与vue 3.x 中element的使用!

Vue3.x的安装与vue 3.x 中element的使用!

vue3.x出来之后,就没使用过vue了,应公司要求,使用vue3,进行项目的开发,记录一下…

因为之前用过vue.js做过项目,所以全局有vue2.x的脚手架!

 问题<1>:照着vue3官网上直接下载更新vue-cli, 完事了vue -V还是2.9.6;不成功!
 				解决:npm uninstall -g vue-cli  或者 yarn global remove @vue/cli ;
 			卸载之后再次下载npm install -g @vue/cli 或者yarn global add @vue/cli从新下载

 完成之后 vue -V 查询以下

在这里插入图片描述

 谨记<2>:  创建项目的时候  vue create 项目名;如果里面需要配置less、scss或者vuex的时候,记得进去空
     格选中!不然自己配置的话会有很烦人的版本问题!!!


 <3> 使用elementUI库;vue3.x 目前不支持element -ui;所以直接使用vue install element-ui是错误的。
   废了好大劲,才查到解决办法!;在项目 终端使用vue add element;然后再执行
   npm install vue-cli-plugin-element-plus;
   下载完成之后;就可以根据文档使用了!

   因为我们用的ts嘛 ,所以自动引入的 import installElementPlus from './plugins/element'会报错;
   报Could not find a declaration file for module './plugins/element'......;
   解决办法是把plugins/element.js 改成.ts就好了!!!

特地记录以下; 适用于我的未必适用于你!我们共同学习,共同进步,如有不对,换应评论纠正!!!!

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值