Angular 2
각성 클리

소개

angle-cli로 빈 Angular2 응용 프로그램 만들기

요구 사항 :

• NodeJS : 다운로드 페이지
• npm 또는 원사

새 디렉토리 폴더에서 cmd를 사용하여 다음 명령을 실행하십시오.

1. npm install -g @angular/cli 또는 yarn global add @angular/cli
2. ng new PROJECT_NAME
3. cd PROJECT_NAME
4. ng serve

localhost : 4200에서 브라우저 열기

구성 요소, 지시문, 파이프 및 서비스 생성

cmd를 사용하십시오. ng generate (또는 ng g) 명령을 사용하여 Angular 구성 요소를 생성 할 수 있습니다.

• 구성 요소 : ng g component my-new-component
• 지침 : ng g directive my-new-directive
• 파이프 : ng g pipe my-new-pipe
• 서비스 : ng g service my-new-service
• 등급 : ng g class my-new-classt
• 인터페이스 : ng g interface my-new-interface
• 열거 ng g enum my-new-enum : ng g enum my-new-enum
• 모듈 : ng g module my-module

타사 라이브러리 추가

angular-cli.json에서 앱 구성을 변경할 수 있습니다.

ng2-bootstrap을 추가하려면 다음을 입력하십시오.

1. npm install ng2-bootstrap --save 또는 yarn add ng2-bootstrap

2. angular-cli.json에서 node-modules에 부트 스트랩의 경로를 추가하기 만하면됩니다.

   "scripts": [
       "../node_modules/jquery/dist/jquery.js",
       "../node_modules/bootstrap/dist/js/bootstrap.js"
    ]
   

각진 cli로 빌드

outDir 키의 angular-cli.json에서 빌드 디렉토리를 정의 할 수 있습니다.

이들은 동등하다

ng build --target=production --environment=prod
ng build --prod --env=prod
ng build --prod

그리고 이것들도 그렇다.

ng build --target=development --environment=dev
ng build --dev --e=dev
ng build --dev
ng build

빌드 할 때 --base-href your-url 옵션을 사용하여 index.html의 기본 태그 ()를 수정할 수 있습니다.

index.html에 기본 태그 href를 / myUrl /로 설정합니다.

ng build --base-href /myUrl/
ng build --bh /myUrl/

스타일 시트로 scss / sass가있는 새 프로젝트

@angular/cli 의해 생성되고 컴파일 된 기본 스타일 파일은 css 입니다.

대신 scss 를 사용하려면 다음 을 사용하여 프로젝트를 생성하십시오.

ng new project_name --style=scss

sass 를 사용하려면 다음을 사용하여 프로젝트를 생성하십시오.

ng new project_name --style=sass

@ angular / cli의 기본 패키지 관리자로 원사를 설정합니다.

Yarn은 @ angular / cli의 기본 패키지 관리자 인 npm의 대안입니다. @ angular / cli의 패키지 관리자로 원사를 사용하려면 다음 단계를 따르십시오.

요구 사항

• 원사 ( npm install --global yarn 또는 설치 페이지 참조 )
• @ angular / cli ( npm install -g @angular/cli 또는 yarn global add @angular/cli )

원사를 @ angular / cli 패키지 관리자로 설정하려면,

ng set --global packageManager=yarn

npm을 @ angular / cli 패키지 관리자로 설정하려면 다음을 수행하십시오.

ng set --global packageManager=npm