0에서 Angular 프로젝트를 만드는 방법

1716 단어 AngularTypeScript

소개



본 기사는 초보자용, Angular 프로젝트의 환경 구축, 만드는 방법 등을 설명합니다.

환경 준비



아래 소프트웨어를 미리 설치하십시오.
  • 개발 IDE: WebStorm (선택 사항)

  • NodeJs (필수)
  • Angular/Cli(필수)

  • Nodejs를 설치한 후 아래 명령을 사용하여 Angular/Cli를 설치할 수 있습니다.

    npm install -g @angular/cli
    버전을 지정하고 설치하려는 경우:
    npm install -g @angular/cli@ 버전

    모든 설치가 완료되면 명령으로 확인하십시오. 아래와 같은 정보가 나오면 OK입니다.

    ng -v


    공백 프로젝트 만들기



    아래 명령으로 공백 프로젝트를 만듭니다.

    ng new 프로젝트 이름
    예를 들어,
    ng new tasker

    콘솔을 보면 무사히 만들었습니다.

    시작



    아래 명령으로 Angular 프로젝트를 시작합니다.

    ng serve

    또, 포트를 변경하고 싶은 경우는 이하의 커멘드이어도 됩니다.

    ng serve --port 4200

    http://localhost:4200/ 를 브라우저에서 열면 화면이 잘 표시되면 OK라고 생각합니다.


    여기까지 가면 Angular의 공백 프로젝트를 마무리합니다.

    마지막으로



    최근에는 Angular를 공부한 계기로 Github에서 오픈 소스 프로젝트를 만들고 계속 개발하고 있습니다.
    htps : // 기주 b. 코 m / Hyman 1993 / 타스케 r
    프런트 엔드에 취미가 있는 여러분, 함께 노력합시다.

    좋은 웹페이지 즐겨찾기