Although I am still fairly new to Vue, I have a strong background in Typescript and Angular. Currently, I am embracing Typescript and utilizing the vue-class-component and vue-property-decorator libraries following the recommendations in the Vue documentation.
I rely on VSCode as my editor and am curious if there are any tools, plugins, or IDEs available that offer auto-complete/intellisense in the HTML template. For instance, considering my .ts
file:
hi.ts:
import { Component, Vue, Prop } from 'vue-property-decorator';
interface IInfo {
name: string;
age: number;
}
@Component({
template: require('./hi.html')
})
export default HiComponent extends Vue {
info: IInfo = { name: 'brosef', age: 30 };
}
hi.html:
<h1>name: {{ info.^ }}</h1>
<h2>age: {{ info.^ }}</h2>
Is there a plugin available or a method to create one that could offer auto-completion suggestions while typing in this template (at the ^
positions in hi.html
above)? Maybe a plugin that could interpret a special comment at the beginning of a template linking to the corresponding component class...🤷