# Day02 【牙起來】 安裝環境

Webstorm IDE安裝略過

安裝Angular之前，需先安裝Node.js

## 安裝Node.js

有兩種安裝方法

直接到[**官網**](https://nodejs.org/en/download/)下載安裝


或者透過套件管理工具**Chocolatey**、**Homebrew**來安裝

### 使用Chocolatey (for Windows)

以**管理者身分**打開PowerShell，安裝Chocolatey套件管理工具

> Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor 3072; iex ((New-Object System.Net.WebClient).DownloadString('https://community.chocolatey.org/install.ps1'))

Chocolatey安裝Node.js

> choco install -y nodejs git

### 使用Homebrew (for macOS)

安裝Homebrew套件管理工具

$ /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

Homebrew安裝Node.js

$ brew update
$ brew install node

### 安裝好Node之後

安裝好Node後，就能使用**npm指令**了


確認node跟npm的版本

> node -v
> node --version
> npm -v
> npm --version

npm是Node.js預設的套件管理系統

~~（node npm都是N開頭，所以一家親）~~

有了npm之後，再來透過npm來安裝**Angular**

## 安裝Angular Cli

透過npm來下載安裝最新版本**Angular Cli**

> npm i -g @angular/cli

若要指定版本，可再後面加上@版本號
如:

> npm i -g @angular/cli@14
> npm i -g @angular/cli@14.1

安裝完畢之後，就能使用**ng指令**

確認Angular版本

> ng --version
> ng v


## 若要升級Angular Cli

> npm install -g @angular/cli@latest

## 若要移除Angular Cli

> npm uninstall -g @angular/cli
> npm cache clean --force
> npm cache verify

---

所以今天做的事情就是：

安裝Node.js，有了npm指令 => 安裝Angular Cli，有了ng指令