EmberJS - Tạo và chạy ứng dụng
Bạn có thể dễ dàng cấu hình Ember.js trong hệ thống của mình. Việc cài đặt Ember.js được giải thích trong chương Cài đặt EmberJS .
Tạo ứng dụng
Hãy để chúng tôi tạo một ứng dụng đơn giản bằng Ember.js. Đầu tiên, hãy tạo một thư mục nơi bạn tạo các ứng dụng của mình. Ví dụ: nếu bạn đã tạo thư mục "emberjs-app", hãy điều hướng đến thư mục này với địa chỉ:
$ cd ~/emberjs-app
Bên trong thư mục "emberjs = app", hãy tạo một dự án mới bằng cách sử dụng lệnh mới -
$ ember new demo-app
Khi bạn tạo một dự án, lệnh mới cung cấp cấu trúc thư mục sau với các tệp và thư mục:
|-- app
|-- bower_components
|-- config
|-- dist
|-- node_modules
|-- public
|-- tests
|-- tmp
|-- vendor
bower.json
ember-cli-build.js
package.json
README.md
testem.js
app - Nó chỉ định các thư mục và tệp của mô hình, tuyến đường, thành phần, mẫu và kiểu.
bower_components / bower.json- Nó được sử dụng để quản lý các thành phần như HTML, CSS, JavaScript, tệp hình ảnh, v.v. và có thể được cài đặt bằng cách sử dụng npm. Thư mục bower_components chứa tất cả các thành phần Bower và bower.json chứa danh sách các thành phần phụ thuộc được cài đặt bởi Ember, Ember CLI Shims và QUnit.
config- Nó chứa thư mục environment.js được sử dụng để cấu hình cài đặt của ứng dụng.
dist - Nó bao gồm các tệp đầu ra được triển khai khi xây dựng ứng dụng.
node_modules / package.json- NPM là trình quản lý gói nút cho Node.js được sử dụng để cài đặt, chia sẻ và quản lý các phần phụ thuộc trong các dự án. Tệp package.json bao gồm các phần phụ thuộc npm hiện tại của một ứng dụng và các gói được liệt kê được cài đặt trongnode_modules danh mục.
public - Nó bao gồm các nội dung như hình ảnh, phông chữ, v.v.
vendor - Là thư mục chứa các phần phụ thuộc front-end như JavaScript, CSS không được Bower go kiểm soát.
tests / testem.js- Các bài kiểm tra tự động được lưu trữ trong thư mục kiểm tra và trình chạy thử nghiệm testem của Ember CLI được sắp xếp trong testem.js .
tmp - Nó chứa các tệp tạm thời của Ember CLI.
ember-cli-build.js - Nó chỉ định cách xây dựng ứng dụng bằng cách sử dụng Ember CLI.
Ứng dụng đang chạy
Để chạy ứng dụng, hãy điều hướng đến thư mục dự án mới được tạo -
$ cd demo-app
Chúng tôi đã tạo dự án mới và dự án đã sẵn sàng để chạy với lệnh dưới đây:
$ ember server
Bây giờ hãy mở trình duyệt và điều hướng đến http://localhost:4200/. Bạn sẽ nhận được trang Chào mừng Ember như trong hình dưới đây -