---
# System prepended metadata

title: Day02 【牙起來】 安裝環境

---

# Day02 【牙起來】 安裝環境

Webstorm IDE安裝略過


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

## 安裝Node.js

有兩種安裝方法

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

![](https://i.imgur.com/bubgRfY.png)

或者透過套件管理工具**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指令**了

![](https://i.imgur.com/yJQCbVh.png)

確認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

![](https://i.imgur.com/YGMn665.png)


## 若要升級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指令