基本的なEmberJSチュートリアルコードを単独で実行するにはどうすればよいですか？

Question

私はこれを通過しますEmberJS tutorial。 Emberアプリケーションを構築するための基本的な概要を示し、より具体的な基本情報を得ます。セクション3（「The Object Model」）から、Emberオブジェクトを使ってコードを書く例がたくさんありますが、基本的な例の実行方法については簡単な説明はありません。私が行っているときに提供するコードサンプルを実行できるようにしたいので、変更/変更を行い、理想的にはより良い理解を得ることができます。私は多くのサンプルを読んでいるだけでなく、保持のためにはるかに優れていることが分かります。

チュートリアルの単体テストのセクションがありますが、私は最初にhereの基本オブジェクトを扱っています。

私は例えば、含むそれ自体で.jsファイルを実行することができます簡単な方法があります：

Person = Ember.Object.extend({ 
    init() { 
     var name = this.get('name'); 
     alert(`${name}, saying hello`); 
    }, 

    say(thing) { 
     var name = this.get('name'); 
     alert(`${name} says ${thing}`); 
    } 
}); 

let me = Person.create({ 
    name: 'My Name' 
}); 

me.say('Hello'); 

はエンバーアーキテクチャの強力な理解を必要とせずに...？

Answer 1

これはちょっとハッキリですが、いくつかの例を試してみるのが最も速い方法です。

this twiddleをご覧ください。そして、私はちょうどコントローラファイルにコードを含めることがわかります。

デモフォルダにファイルを作成し、ファイルをどこかに含めて再生します。

// demo/person.js 
import Ember from 'ember'; 

export const Person = Ember.Object.extend({ 
    init() { 
     var name = this.get('name'); 
     alert(`${name}, saying hello`); 
    }, 

    say(thing) { 
     var name = this.get('name'); 
     alert(`${name} says ${thing}`); 
    } 
}); 

// controllers/application 
import Ember from 'ember'; 

import { Person } from '../demo/person' 

let me = Person.create({ 
    name: 'My Name' 
}); 

me.say('Hello'); 

export default Ember.Controller.extend({ 

});