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就好了!!!
特地记录以下; 适用于我的未必适用于你!我们共同学习,共同进步,如有不对,换应评论纠正!!!!