EmberJS - Membuat dan Menjalankan Aplikasi

Anda dapat dengan mudah mengkonfigurasi Ember.js di sistem Anda. Instalasi Ember.js dijelaskan di bab Instalasi EmberJS .

Membuat Aplikasi

Mari kita buat satu aplikasi sederhana menggunakan Ember.js. Pertama buat satu folder tempat Anda membuat aplikasi. Misalnya, jika Anda telah membuat folder "emberjs-app", navigasikan ke folder ini sebagai -

$ cd ~/emberjs-app

Di dalam folder "emberjs = app", buat proyek baru dengan menggunakan perintah baru -

$ ember new demo-app

Saat Anda membuat proyek, perintah baru menyediakan struktur direktori berikut dengan file dan direktori -

|-- app
|-- bower_components
|-- config
|-- dist
|-- node_modules
|-- public
|-- tests
|-- tmp
|-- vendor

bower.json
ember-cli-build.js
package.json
README.md
testem.js
  • app - Ini menentukan folder dan file model, rute, komponen, templat, dan gaya.

  • bower_components / bower.json- Digunakan untuk mengelola komponen seperti HTML, CSS, JavaScript, file gambar, dll dan dapat diinstal dengan menggunakan npm. Direktori bower_components berisi semua komponen Bower dan bower.json berisi daftar dependensi yang diinstal oleh Ember, Ember CLI Shims, dan QUnit.

  • config- Berisi direktori environment.js yang digunakan untuk mengkonfigurasi pengaturan aplikasi.

  • dist - Ini termasuk file output yang digunakan saat membangun aplikasi.

  • node_modules / package.json- NPM adalah manajer paket node untuk Node.js yang digunakan untuk menginstal, berbagi, dan mengelola dependensi dalam proyek. File package.json menyertakan dependensi npm saat ini dari sebuah aplikasi dan paket yang terdaftar bisa diinstal dinode_modules direktori.

  • public - Ini termasuk aset seperti gambar, font, dll.

  • vendor - Ini adalah direktori di mana dependensi front-end seperti JavaScript, CSS tidak dikontrol oleh Bower go.

  • tests / testem.js- tes otomatis disimpan di bawah tes folder dan uji pelari testem dari Ember CLI ini diatur dalam testem.js .

  • tmp - Berisi file sementara Ember CLI.

  • ember-cli-build.js - Ini menentukan cara membangun aplikasi dengan menggunakan Ember CLI.

Menjalankan Aplikasi

Untuk menjalankan aplikasi, buka direktori proyek yang baru dibuat -

$ cd demo-app

Kami telah membuat proyek baru dan siap dijalankan dengan perintah yang diberikan di bawah ini -

$ ember server

Sekarang buka browser dan arahkan ke http://localhost:4200/. Anda akan mendapatkan halaman Selamat Datang Ember seperti yang ditunjukkan pada gambar di bawah ini -