技术栈从 vue2 迁移到 vue3
多了解一下迁移时需要什么。
截止目前（2025-4-23），我现在基本放弃将 vue-cli 迁移成 vite 项目了。现在我手上的项目都是直接从 vite+ts 开始的。
官方的正式迁移指南
阅读好这份迁移指南，基本上差不多就能学会怎么从 vue2 迁移到 vue3 了。
全新的开发环境？
<script setup lang="ts">+ vscode + volar
typescript 内的 setup 开发
已经用该语法糖开发很久了。迁移时，思维链路迁移最难的是：
- 从选项式 api 变成组合式 api。
- 学习 typescript 基础语法，学习类型体操，学习如何使用各个组件库的类型。
怎么从 vetur 迁移到 volar？
这个过程有什么坑么？
关闭服务
https://blog.csdn.net/qq_42611074/article/details/126127125
默认关闭的拆分按钮
https://blog.csdn.net/qq_42611074/article/details/126127125
构建本地的，专门针对 vue3 的 vscode 工作区？
如何专门配置 volar 并且去屏蔽掉 vetur？在 settings.json 内或者是 extensions.json 内配置忽略禁用指定的插件？
vue-tsc
这什么东西？为什么 vite 和 vue3 都在强调这个东西？
shims-vue.d.ts
这是什么？以后用 volar 之后还需要使用这个么？ https://vuejs.github.io/vetur/guide/setup.html#vue3
全局组件类型声明？
用户 volar 定义并什么组件库的全局类型？ https://juejin.cn/post/7066730414626308103
vue3 的 icon 方案？
vue3 是怎么使用 icon 的？
scss 模块化写法失效？
vue3+vite 该怎么实现 scss 的变量模块化？
目前找到的处理方式： https://juejin.cn/post/7155377433951240229
SCSS :export 失效解决方案 https://blog.csdn.net/qq_36493719/article/details/128986065
vue3 setup 语法糖下 有没有更加优雅的组件名称设置写法？
《vue3
<script setup>设置 Name 最佳实践》 这篇文章称不需要自己设置，做好文件命名即可。https://cn.vuejs.org/api/sfc-script-setup.html#defineoptions
使用 defineOptions() 即可。该方案替代了上述的解决方案。
贡献者
ruan-cat