javascript - 使用 Visual Studio Code 将 EmberObject 扩展导入到不同的文件后，为什么看不到任何代码完成？

Question

正如标题中已经解释的，导入 EmberObject 扩展后我看不到任何代码完成

• 文件 form.js:

  import EmberObject from '@ember/object'; 
  
  const Form = EmberObject.extend({
          isTouched: false,
          isValid: false,
          errors: null,
          value: null,
          init() {...},
          getSomething(){ ... }  
  }
  

• 文件 component.js

  import Form from '../../classes/form';
  
  init() {        
   this._super(arguments);        
   // console.log(this.elementId);        
   this.form = Form.create({          
       email: [this.email, Validators.required, Validators.email],
       password: [this.password, Validators.required]         
   });
  }
  

此时，当我在 component.js 中输入 this.form. 时，编辑器 (VSC) 没有给我任何关于 Form 类/EmberObject 的真正建议

有什么猜测吗？

Answer 1

不幸的是，Ember 对象对于编辑者来说很难理解。

但是，您可以使用 native 类，这将改善您的编辑器体验!

这里有一篇关于如何开始的概述文章:https://medium.com/build-addepar/es-classes-in-ember-js-63e948e9d78e

TL:DR；是

1. 安装 Ember 装饰器 https://github.com/ember-decorators/ember-decorators
2. 使用原生类

在你的例子中，它是

import EmberObject from '@ember/object'
export default class FormClass extends EmberObject {
  constructor() {
    // replaces init
    super();
  doStuff() { }

稍后 让 form = new FormClass();