vue.js - 如何防止智能感知在道具前自动添加列（Vue3）

Question

我一直在与这个问题作斗争一段时间。有谁知道如何防止智能感知（在 VSCode 中）在自动完成时添加列？

我有我的自定义组件，这就是我的智能感知自动完成组件道具的方式。

• 扩展是 Vetur v0.34.1 ( https://marketplace.visualstudio.com/items?itemName=octref.vetur )。
• 我没有 vetur 设置的配置。

<script lang="ts">
 import { toRefs, defineComponent } from 'vue';

 export default defineComponent({
   name: 'Grid',
   props: {
     alignItems: {
      type: String,
      default: null,
      validator: (val: string): boolean => ['start', 'center', 'end', 'stretch'].includes(val),
   },
   ...
 }
</script>

更新

因此，在为每个组件生成标签和属性后，我能够生成正确的 IntelliSense 自动完成功能（按照此分步解决方案为自定义组件自动生成标签和属性）。

现在

如何禁用不正确的自动完成？

更新 卸载 Vetur 并切换到这个掌心，一切都像 Typescript 的魅力一样。

Answer 1

Vetur的开销太大导致我只是简单地切换到支持 Typescript 开箱即用的Volar扩展，这解决了我所有的问题