头图
最近闲着没什么事,想搞下vue3玩玩,真没想到几年不玩,差点被它玩死。括号也怪我笨括号完了
写给就为关注的人儿!

  • 进入正题 首先正常的create 没什么好说的, 需要注意一点进入cli3以后 全局安装cli指令由 原来的vue-cli 变成了@vue/cli,对于长时间未关注的小伙伴来说,需要看一下不然是安装不上的或者安装依旧是cli2的版本;
  • 第二点是我们create只有在main.ts文件中 import Vue from "vue"已经不存在了取而代之的是import { createApp } from 'vue', 挂载也改成了createApp(App).mount('#app')的链式调用, 其他基本不变;
  • 第一个坑来了,基础的框架有了,我们需要安装ui,之前一直都是用的element-ui,如果你还是按照之前的习惯安装,就会报错,原因是element-ui随着vue3的升级也进行了大版本升级(不兼容了),新的ui叫 Element Plus
  • 有ui我们会习惯性的做一个按需加载的配置,image.png
    因为之前框架搭建的时候选择的css编译是less,但是官方的按需加载引入的样式是scss,于是按照官方指引:
    image.png
    兴高采烈的npm install -D sass-loader sass之后,项目报错了:
    image.png
    明明代码都没写,怎么就报Syntax Error: TypeError: this.getOptions is not a function, 捅咕一大圈才找到原因, 是因为npm install -D sass-loader sass安装的sass 和 scss-loader 版本太高 不支持(尴尬)!降低版本重新安装就好了。

machinist
460 声望33 粉丝

javaScript、typescript、 react全家桶、vue全家桶、 echarts、node、webpack