Day02 Angular牙起來 - 安裝環境

Webstorm IDE安裝略過

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

安裝Node.js

有兩種安裝方法

直接到官網下載安裝

或者透過套件管理工具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 uninstall -g @angular/cli
> npm cache clean --force
> npm cache verify

所以今天做的事情就是：

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