乐趣区

关于vue.js:搭建vue-cli4x-注意事项持续更新

最近闲着没什么事,想搞下 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 版本太高 不反对(难堪)!升高版本重新安装就好了。
退出移动版