[Angular] Angular CLI 설치와 사용하기

2021. 1. 31. 23:14WEB.DEV/Angular

반응형

NPM(Node Package Manager)를 이용하여 Angular CLI(Angular Commend Line Interface)를 설치

$ sudo npm i -g @angular/cli

 


 

Angular CLI를 통해 Angular 프로젝트를 쉽게 생성을 할 수 있습니다.

 

$ ng new [project-name]

 


 

Angular CLI를 통해 쉽게 Angular 제공하는 라이브러리를 추가할수 있습니다.

 

# Angular Material 추가
$ ng add @angular/material

 

Angular Material의 자세한 내용은 공식 홈페이지에서 확인할 수 있습니다.

 

Angular Material

UI component infrastructure and Material Design components for Angular web applications.

material.angular.io

# Angular와 Firebase 연동을 위한 Angular Fire 설치
$ ng add @angular/fire

Angular Fire의 자세한 내용은 Github에서 확인할 수 있습니다.

 

angular/angularfire

The official Angular library for Firebase. Contribute to angular/angularfire development by creating an account on GitHub.

github.com


 

Angular CLI를 이용하여 손쉽게 Module 혹은 Component, Service, Directive 등을 생성할수 있습니다.

# 기본 module 추가
$ ng g m [module name]

# router module을 사용하는 module 추가
$ ng g m [module name] --routing

 

# Component 추가
$ ng g c [component name]

 

# Service 추가
$ ng g s [service name]

 


 

Angular CLI에 대해 좀더 자세한 설명은 공식 홈페이지 혹은 NPM 페이지에서 확인할 수 있습니다.

 

 

Angular

 

angular.io

 

@angular/cli

CLI tool for Angular

www.npmjs.com

728x90
반응형