最近闲着没什么事,想搞下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咱们会习惯性的做一个按需加载的配置,
因为之前框架搭建的时候抉择的css编译是less,然而官网的按需加载引入的款式是scss,于是依照官网指引:
乐不可支的npm install -D sass-loader sass
之后,我的项目报错了:
明明代码都没写,怎么就报Syntax Error: TypeError: this.getOptions is not a function
, 捅咕一大圈才找到起因, 是因为npm install -D sass-loader sass
装置的sass 和 scss-loader 版本太高 不反对(难堪)!升高版本重新安装就好了。