EmberJS-애플리케이션 생성 및 실행

시스템에서 Ember.js를 쉽게 구성 할 수 있습니다. Ember.js의 설치 는 EmberJS 설치 장 에서 설명합니다 .

응용 프로그램 생성

Ember.js를 사용하여 하나의 간단한 앱을 만들어 보겠습니다. 먼저 응용 프로그램을 만드는 하나의 폴더를 만듭니다. 예를 들어 "emberjs-app"폴더를 만든 경우이 폴더로 이동합니다.

$ cd ~/emberjs-app

"emberjs = app"폴더 안에 새 명령을 사용하여 새 프로젝트를 만듭니다.

$ ember new demo-app

프로젝트를 생성 할 때 새 명령은 파일 및 디렉토리와 함께 다음 디렉토리 구조를 제공합니다.

|-- 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.json은 엠버, 엠버 CLI 심과 QUnit으로 설치되는 종속성 목록이 포함되어 있습니다.
config− 여기에는 응용 프로그램의 설정을 구성하는 데 사용되는 environment.js 디렉토리가 포함되어 있습니다 .
dist − 앱을 빌드 할 때 배포되는 출력 파일을 포함합니다.
node_modules / package.json− NPM은 Node.js 용 노드 패키지 관리자로서 프로젝트에서 종속성을 설치, 공유 및 관리하는 데 사용됩니다. package.json 파일에는 응용 프로그램의 현재 npm 종속성이 포함되어 있으며 나열된 패키지는node_modules 예배 규칙서.
public − 여기에는 이미지, 글꼴 등과 같은 자산이 포함됩니다.
vendor − 자바 스크립트, CSS와 같은 프론트 엔드 의존성이 Bower go에 의해 제어되지 않는 디렉토리입니다.
tests / testem.js- 자동화 시험 폴더 검사 및 테스트 러너에 저장되어 testem 엠버의 CLI가 배치된다 testem.js .
tmp − Ember CLI의 임시 파일이 포함되어 있습니다.
ember-cli-build.js − Ember CLI를 사용하여 앱을 빌드하는 방법을 지정합니다.