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를 사용하여 앱을 빌드하는 방법을 지정합니다.

응용 프로그램 실행

응용 프로그램을 실행하려면 새로 생성 된 프로젝트 디렉토리로 이동하십시오.

$ cd demo-app

우리는 새 프로젝트를 생성했으며 아래에 주어진 명령으로 실행할 준비가되었습니다.

$ ember server

이제 브라우저를 열고 http://localhost:4200/. 아래 이미지와 같이 Ember 환영 페이지가 나타납니다.