EmberJS - 建立和執行應用程式

您可以輕鬆地在您的系統中配置 Ember.js。Ember.js 的安裝在EmberJS 安裝章節中進行了說明。

建立應用程式

讓我們使用 Ember.js 建立一個簡單的應用程式。首先建立一個資料夾來存放您的應用程式。例如，如果您建立了“emberjs-app”資料夾，則導航到此資料夾：

$ cd ~/emberjs-app

在“emberjs-app”資料夾內，使用 new 命令建立一個新專案：

$ ember new demo-app

建立專案時，new 命令會提供以下包含檔案和目錄的目錄結構：

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

bower.json
ember-cli-build.js
package.json
README.md
testem.js

app - 它指定模型、路由、元件、模板和樣式的資料夾和檔案。
bower_components / bower.json - 它用於管理元件，例如 HTML、CSS、JavaScript、影像檔案等，可以使用 npm 安裝。bower_components 目錄包含所有 Bower 元件，而 bower.json 包含 Ember、Ember CLI Shims 和 QUnit 安裝的依賴項列表。
config - 它包含 environment.js 目錄，用於配置應用程式的設定。
dist - 它包含構建應用程式時部署的輸出檔案。
node_modules / package.json - NPM 是 Node.js 的節點包管理器，用於安裝、共享和管理專案中的依賴項。package.json 檔案包含應用程式當前的 npm 依賴項，列出的包將安裝在 node_modules 目錄中。
public - 它包含資產，如影像、字型等。
vendor - 這是一個目錄，其中 Bower 不控制前端依賴項，例如 JavaScript、CSS。
tests / testem.js - 自動化測試儲存在 tests 資料夾下，Ember CLI 的測試執行器 testem 位於 testem.js 中。
tmp - 它包含 Ember CLI 的臨時檔案。
ember-cli-build.js - 它指定如何使用 Ember CLI 構建應用程式。

執行應用程式

要執行應用程式，請導航到新建立的專案目錄：

$ cd demo-app

我們建立了新專案，可以使用以下命令執行它：

$ ember server

現在開啟瀏覽器並導航到https://:4200/。您將看到如下所示的 Ember 歡迎頁面：

列印頁面