---
# System prepended metadata

title: Angular 環境設定
tags: [環境, Angular]

---

###### tags: `Angular` `環境`

# Angular 環境設定 

## win10以上安裝chocolatey套件管理器

+ 以命令提示字元安裝 並以使用者管理員身分執行
+ -y 表示跳過是否安裝直接確認

```
choco install -y googlechrome git nodejs visualstudicode notepadplus
```


## VScode 安裝 Angular Extension Pack

##建立新angular專案
- 終端機 
```
ng new *專案名稱*
```
```
ng n *專案名稱*
```
##啟用serve
- 終端機 
```
ng serve --open
```

##啟用舊angular專案
- 開啟正確指定專案資料夾
- 啟用serve
- 終端機 
```
ng serve --open
```

##生成組件
- 終端機 
```
ng generate component *組件名稱*
```
> generate 生成 component 組件
