如何防止智能感知在道具前自动添加列（Vue3）答案

【问题标题】：How to prevent intellisense from automatically adding column before prop (Vue3)如何防止智能感知在道具前自动添加列（Vue3）
【发布时间】：2021-11-28 20:16:45
【问题描述】：

我一直在与这个问题作斗争一段时间。有谁知道如何防止智能感知（在 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 自动完成功能 (followed this step-by-step solution for autogenerating tags and attributes for custom components)。

现在

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

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

【问题讨论】：

这显然是 VSCode 的问题（或者更可能是您用于 Vue 的插件）。所以我怀疑如果你不分享你正在使用的插件的信息（可能还有它的配置），任何人都能够帮助你
谢谢！我已经更新了我的问题。好钓？？
为了清楚起见，您的意思是冒号“：”吗？你想改用 v-bind 吗？
无 v-bind。我只想让智能感知以字符串自动完成道具作为默认值。
我认为 type=String 会被 Vetur 接收并自动调整智能感知自动完成功能，但显然，我需要手动设置它

标签： vue.js intellisense vuejs3 vetur

【解决方案1】：

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

【讨论】：