1. 환경 구축

편집기는 설치된 것으로 가정합니다. 추천은 VSCode입니다.

후술하는 커맨드는

mac라면 「터미널」

windows의 경우 "명령 프롬프트"

를 시작하고 복사하고 두드리십시오.

1-1. NVM 설치

Angular를 사용할 때 Node.js 설치가 필요합니다.
이를 위해 먼저 버전 관리를 위한 라이브러리인 NVM(Node Version Manager)을 설치합니다.

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash

v0.35.3 라고 합니다만, 버젼은 곧바로 오르므로 이쪽으로부터 코피페 해 주세요.
htps : // 기주 b. 코 m / n v m sh / n v m # 엔 s 탤 g

1-2. Node.js 설치

이쪽은 마음대로 최신판을 인스톨 해 줍니다.
패키지 관리 NPM(Node Package Manager)도 함께 제공됩니다.

nvm install node

1-3. AngularCLI 설치

-g 를 붙이는 것으로 글로벌 인스톨이라고 해, 프로젝트에 관계없이 그 환경 전체로 사용할 수 있게 됩니다.

npm install -g @angular/cli

1-4. FirebaseCLI 설치

npm install -g firebase-tools

1-5. Git 설치

Git을 사용하면 소스 코드의 버전 관리가 가능합니다.
여기에서 다운로드하고 흐름에 따라 설치하십시오.
htps://기 tscm. 코m/

2. 프로젝트 생성

2-1. GitHub에서 리포지토리 생성

GitHub에서 소스 코드를 원격으로 관리합니다.
아직 계정을 만들면 계정을 만든 후 리포지토리를 만듭니다.
htps : // 기주 b. 이 m/네 w

2-2. Angular 프로젝트 만들기

ng new プロジェクト名

2-3. GitHub와 연결하여 초기 Push

편집기에서 프로젝트를 엽니다.

# プロジェクトのあるパスに移動した後に
code.

방금 만든 GitHub 리포지토리와 프로젝트를 연결합니다.
URL은 GitHub에서 리포지토리를 열 때 표시되는 것을 복사합니다.

git remote add origin リポジトリのURL

HTTPS를 선택한 경우 여기을 참조하여 SSH 연결로 변경하십시오.

Angular의 환경 구축과 프로젝트 작성은 이제 완료됩니다.

3. Firebase 연계

3-1. Firebase 프로젝트 만들기

여기에서 만들 수 있습니다.
htps : // 이런. 푹 빠져라. 오, ぇ. 이 m

작성이 끝나면, 사용하고 싶은 기능을 유효하게 해 갑니다.
이 때 위치을 선택합니다. (선택 후 변경 불가하므로주의)
도쿄의 경우 asia-northeast1입니다.

3-2. Firebase 초기화

프로젝트 측에서 두드리십시오.

firebase login
firebase init

3-3. AngularFire 설치

ng add @angular/fire@next

이 페이지의 Quickstart 지침에 따라 다음 두 가지를 수행합니다.
htps : // 기주 b. 코 m / 앙구 r / 앙구 r 푹신 / b ぉ b / 어서 r / 드 cs / 인 s ta l - an d 세츠 p. md

/src/environments/environment.ts에 Firebase 자격 증명 추가

app.module.ts에서 AngularFireModule 및 프로젝트에서 사용할 Module 가져 오기

이상으로 모두 완료입니다.