vue.js - Nuxt/Vue 2 + Typescript - VS Code props Otomatik Tamamlama

React'ten geliyorum ve son zamanlarda bir Nuxt projesi üzerinde çalışmaya başladım. Ne yazık ki VSCode'da props için otomatik tamamlama/öneri ayarlayamadım (Vetur yüklü). Size 'alignment' adlı bir prop için bir örnek göstereyim:

BileşenA:

<template>
  <div :class="styles[alignment]">
    /* Some Content */
  </div>
</template>

<script lang="ts">
import Vue, { PropType } from "vue";
import styles from "./styles.module.scss?module";

type AlignmentOptions = "left" | "right" | "center";

export default Vue.extend({
  props: {
    alignment: {
      type: String as PropType<AlignmentOptions>,
      default: "left"
    }
  },
  data() {
    return {
      styles
    }
  }
});
</script>

BileşenB:

<template>
  <ComponentA /> // I expected VSCode to give me suggestions about the props I can pass to ComponentA here but nothing is showing up unfortunately
</template>

<script lang="ts">
import Vue from "vue";
import ComponentA from "@/components/ComponentA"

export default Vue.extend({
  components: {
    ComponentA
  }
});
</script>

Başarmaya çalıştığım şeyin bir ekran görüntüsü daha burada:

VSCode Özellik Otomatik Tamamlama

Herhangi bir öneri? Şimdiden teşekkürler!

Cevap #1

WebStorm'dan VS Code'a geçerken aynı sorunla karşılaştım. Props otomatik tamamlama bir intellisense özelliğidir, biraz araştırmadan sonra VS Code'da bunun için bir çözüm bulmayı başardım.

vetur ve vue-intellisense kurun ve talimatları https://github.com/CyCraft/vue-intellisense#readme adresinde takip edin

İlgili makaleler