Vue 文件不使用 javascript 方法显示智能感知

Question

I am running Vue 2.6 and using VSCode and my intellisense works just fine within js files, but once I try to use the intellisense from within a vue file, I lose all my intellisense.

I have the latest VSCode install and Vetur installed for working with Vue files.

index.js - This is an npm package of mine that i am importing into my Vue app.

class MyClass {
  /**
   * 
   * @param {string} str - ID of the DOM node to attach to.
   * @param {boolean|Object} opt - Other options stuff here....
   */
  constructor(str, opt) {}
}

export default MyClass;

new MyClass('abc', {}); <------ intellisense works here.

Page.vue

<!--- all vue template code here -->

<script>
  import MyClass from 'my-npm-package'; // This is the index.js file from my npm package.

  new MyClass(); <--------------- intellisense doesnt work here ever..

  export default {
    mounted() {
      new MyClass(); <--------------- intellisense doesnt work here either.. 
    }
  }
</script>

Answer 1

You need plugin for VS Code to recognize Vue syntax

For Vue versions 2.x plugin is Vetur

For Vue versions 3.x plugin is Vue Language Features (Volar)