Ember와 Ember Cli를 시작합니다
- William Shakespeare원래의
- 2025-02-19 11:56:10747검색
Ember CLI는 EMBER 용으로 제작 된 명령 줄 도구로 발전기, 압축기, CSS 전처리기 컴파일러, 자동 재 장전 및 ES6 모듈 로더와 같은 다양한 기능을 결합합니다. 새로운 Ember 프로젝트를 설정하기위한 Grunt 및 Gulp와 같은 도구의 대안으로 사용할 수 있습니다.
- Ember는 대형 웹 응용 프로그램을 구축하기위한 강력한 JavaScript 프레임 워크입니다. Ember CLI를 사용하면 의존성을보다 쉽게 관리하고 작업을 자동화하며 모범 사례를 실행할 수있는 표준화 된 개발 환경을 제공합니다.
- Ember는 수년에 걸쳐 많은 변화를 겪었습니다. 가장 큰 변화는 Ember를 위해 구축 된 명령 줄 도구 인 Ember Cli의 도입입니다. 발전기, 압축기, CSS 전 처리기 컴파일러, 자동 재 장전 및 ES6 모듈 로더와 같은 다양한 기능을 결합합니다. 이 명령 줄 도구는 Grunt 및 Gulp와 같은 도구를 설정하는 데 소비하는 시간을 줄이는 데 도움이됩니다. 새로운 Ember 프로젝트를위한 이러한 도구에 대한 좋은 대안 일 것입니다. 이 기사에서는 Ember CLI를 사용하여 간단한 연락처 응용 프로그램을 구축하는 방법을 배우게됩니다. 이 튜토리얼은 Ember CLI와 함께 제공되지 않기 때문에 itepoint에 게시 한 Ember에 대한 다른 기사와 약간 다릅니다. 그러나 이러한 개념의 대부분은 여전히 여전히 적용되므로 확인하고 계속 학습하는 것이 좋습니다. 이 기사의 전체 코드는 Github에서 찾을 수 있습니다.
- ember cli 그런 다음 ember Cli를 설치하려면 다음 명령을 실행하십시오. 새로운 ember 프로젝트를 만드는 방법
-
ember-data 이것은 Ember Core 팀이 Ember Core를 보완하고 데이터 모델을 관리하기위한 프론트 엔드 ORM 역할을하는 라이브러리입니다. Ember-Data를 사용할 것이므로 이전에 사용하지 않은 다른 대안이 있으며이 기사의 범위를 벗어났습니다. - app
-
우리가 빌드 할 연락처 관리 응용 프로그램에는 사용자 목록과 사용 가능한 연락처 정보가 포함됩니다. 응용 프로그램을 사용하면 사용자를 생성, 편집, 삭제 및보기 할 수 있습니다. 응용 프로그램을 간결하고 명확하게하기 위해 Ember CLI와 함께 제공되는 고정 어댑터를 사용합니다. 이것은 페이지가 새로 고침 될 때 데이터가 지속되지 않는다는 점을 제외하고 백엔드 역할을합니다. 먼저, 당신이 그것을 만들지 않았다면, Ember New ContactManager를 사용하여 새로운 Ember 프로젝트를 만듭니다.
두 번째 단계에서 디렉토리로 이동하여 다음 명령을 사용하여 모든 NPM 및 Bower Dependencies를 설치하십시오.
이시기에 다음 명령을 실행하여 내장 EMBER 서버를 시작하십시오.
/user/
템플릿
이 시점에서 응용 프로그램에 임시 데이터를 추가하겠습니다. 이렇게하려면 다음 명령을 실행하십시오
완료 후 다음 명령을 사용하여 사용자를 편집하기위한 템플릿을 생성하십시오.
내부 (사용자 컨트롤러), 내용을 다음으로 변경하십시오.
이 코드는 양식을 제출할 때 컨트롤러에서 SaveUser () 함수를 호출합니다. 이 기능은 사용자를 편집하고 수정 된 정보를 저장합니다. 이 변경으로 사용자의 편집 링크를 클릭하면 사용자의 세부 사항을 편집 할 수 있습니다. 저장 버튼을 클릭하면 저장 버튼을 저장할 수 있으며, 그 후에는 사용자 목록으로 다시 리디렉션됩니다. 오랫동안 살다! 이제 간단한 연락처 목록 관리자가 있습니다. 페이지가 새로 고침 될 때 지속적인 데이터를 위해 실제 백엔드에 연결하여 전체 응용 프로그램으로 변환 할 수 있습니다. 또한 원치 않는 사용자를 언제든지 삭제할 수 있도록 앱에 삭제 기능을 추가하는 것이 좋습니다.
Ember는 웹 애플리케이션을 구축하기위한 JavaScript 프레임 워크이며 Ember CLI는 EMBER 애플리케이션을 작성, 개발 및 구축하는 데 도움이되는 명령 줄 도구입니다. Ember CLI는 표준화 된 개발 환경을 제공하여 종속성을보다 쉽게 관리하고 작업을 자동화하며 모범 사례를 실행할 수 있습니다.
명령을 사용하여 를 실행하기 전에 프로젝트의 루트 디렉토리로 이동하십시오. 는 "My-App"이라는 새로운 Ember 응용 프로그램을 만듭니다.
<code class="language-bash">npm install -g bower</code>
이것은 다음 내용으로 app/models에서 user.js라는 파일을 만듭니다.<code class="language-bash">npm install -g bower</code>
이 경로는 사용자 목록을 검색하는 데 사용됩니다. 다음 코드 스 니펫을 사용하여 컨텐츠를 변경하십시오
<code class="language-bash">ember new contactmanager</code>
<code class="language-bash">cd contactmanager
npm install
bower install</code>
이것은 앱/ 템플릿/ 폴더에서 user.hbs라는 파일을 만듭니다. 이 파일을 열고 다음과 같이 내용을 업데이트하십시오.
<code class="language-bash">ember serve</code>
다음, 다음 명령을 사용하여 사용자 컨트롤러를 생성합시다.
내부 (사용자 컨트롤러), 내용을 다음으로 변경하십시오.
<code class="language-javascript">Router.map(function() {
this.resource('users', function() {});
});</code>
이 작업을 수행하면 클릭하면 각 사용자에 대한 전체 정보를 볼 수 있어야합니다. <code class="language-bash">npm install -g bower</code>
<code class="language-bash">npm install -g ember-cli</code>
결론
ember /www.php.cn/link/0e0f9e664029e8912996d65c1cf09761 <code class="language-bash">ember new contactmanager</code>
Ember와 Ember Cli 에 대한 질문에 대해 자주 묻는 질문
<code class="language-bash">cd contactmanager
npm install
bower install</code>
Ember CLI를 설치하려면 시스템에 node.js 및 npm을 설치해야합니다. 이 전제 조건을 설치 한 후 터미널의 다음 명령을 사용하여 Ember CLI를 설치할 수 있습니다. <code class="language-bash">ember serve</code>
명령을 실행하려고 할 때 발생합니다. 이 문제를 해결하려면
명령과 응용 프로그램 이름을 사용하여 새 Ember 응용 프로그램을 생성 할 수 있습니다. 예를 들어, ember new
ember new my-app
ember new
ember serve 명령과 파일 유형과 이름을 사용하여 이름을 사용하여 Ember 응용 프로그램에서 새 파일을 생성 할 수 있습니다. 예를 들어, ember generate는 "about"라는 새로운 경로를 생성합니다. ember build
Ember CLI를 사용하여 개발 서버를 시작하는 방법은 무엇입니까?
ember build
파일은 Ember CLI의 구성 파일입니다. Ember CLI 프로젝트의 동작을 사용자 정의 할 수 있습니다. 예를 들어, 개발 서버의 기본 포트를 지정하고 특정 기능을 활성화 또는 비활성화 할 수 있습니다. --environment
위 내용은 Ember와 Ember Cli를 시작합니다의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!