2024-01-26 16:15:40 +08:00
|
|
|
|
Vue 3 + TypeScript + Vite
|
|
|
|
|
|
这个模板可以帮助您开始使用Vue 3和TypeScript在Vite中进行开发。该模板使用了Vue 3的<script setup>单文件组件，请查看script setup文档了解更多信息。
|
2023-12-21 16:42:39 +08:00
|
|
|
|
|
2024-01-26 16:15:40 +08:00
|
|
|
|
推荐的IDE设置
|
|
|
|
|
|
VS Code + Volar（并禁用Vetur）+ TypeScript Vue Plugin (Volar)。
|
|
|
|
|
|
在TS中对.vue导入提供类型支持
|
|
|
|
|
|
TypeScript 默认情况下无法处理.vue导入的类型信息，因此我们用vue-tsc替换了tsc CLI进行类型检查。在编辑器中，我们需要TypeScript Vue Plugin (Volar)来让TypeScript语言服务了解.vue类型。
|
2023-12-21 16:42:39 +08:00
|
|
|
|
|
2024-01-26 16:15:40 +08:00
|
|
|
|
如果独立的TypeScript插件对您来说不够快，Volar还实现了一种Take Over Mode，它的性能更好。您可以按照以下步骤启用它：
|
2023-12-21 16:42:39 +08:00
|
|
|
|
|
2024-01-26 16:15:40 +08:00
|
|
|
|
禁用内置的TypeScript扩展
|
|
|
|
|
|
从VSCode的命令面板中运行Extensions: Show Built-in Extensions
|
|
|
|
|
|
找到TypeScript and JavaScript Language Features，右键单击并选择Disable (Workspace)
|
|
|
|
|
|
通过运行Developer: Reload Window命令重新加载VSCode窗口。
|
2023-12-21 16:42:39 +08:00
|
|
|
|
|
