> 웹 프론트엔드 > JS 튜토리얼 > AngularJS 시작하기 튜토리얼(Zero): Bootstrap_AngularJS

AngularJS 시작하기 튜토리얼(Zero): Bootstrap_AngularJS

WBOY
풀어 주다: 2016-05-16 16:28:33
원래의
1371명이 탐색했습니다.

이제 AngularJS 애플리케이션인 Phonecat을 작성할 준비가 되었습니다. 이 단계(0단계)에서는 중요한 소스 코드 파일에 익숙해지고, AngularJS 시드 프로젝트가 포함된 개발 환경을 시작하고, 브라우저에서 애플리케이션을 실행하는 방법을 배웁니다.

angular-phonecat 디렉토리에 들어가서 다음 명령을 실행하세요:

코드 복사 코드는 다음과 같습니다.

git checkout -f step-0

이 명령은 Phonecat 프로젝트의 작업 디렉터리를 재설정합니다. 각 학습 단계에서 이 명령을 실행하고 명령의 숫자를 학습 단계에 해당하는 숫자로 변경하는 것이 좋습니다. 작업 디렉토리에서 변경되었습니다.

다음 명령을 실행하세요:

코드 복사 코드는 다음과 같습니다.

노드 스크립트/web-server.js

서버를 시작하면 명령줄 터미널에 http://localhost:8000에서 실행 중인 Http Server가 표시됩니다. 터미널을 닫으면 서버가 종료됩니다. Phonecat 애플리케이션에 액세스하려면 브라우저에 http://localhost:8000/app/index.html을 입력하세요.

이제 브라우저에서 초기 애플리케이션을 봤어야 합니다. 매우 간단하지만 프로젝트를 실행할 준비가 되었음을 보여줍니다.

애플리케이션에 표시되는 "아직 아무것도 없습니다!"는 다음 HTML 코드로 구성됩니다. 이 코드에는 우리가 배워야 할 AngularJS의 핵심 요소가 포함되어 있습니다.

app/index.html

코드 복사 코드는 다음과 같습니다.





내 HTML 파일





아직 아무것도 없습니다 {{'아직'!'}}



원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿