本篇紀錄如何在Windows 7安裝Angular CLI。
Angular CLI要透過NPM套件管理工具來安裝,所以首先必須在電腦中安裝好NPM。
安裝好NPM後,在Windows的命令提示字元cmd輸入npm install -g @angular/cli
指令,NPM便會開始下載並安裝Angular CLI到系統中。
可在後面加上@[版本編號]
來指定要安裝的Angular CLI版本。
例如本篇安裝的是v7.3.9,所以輸入的指令為npm install -g @angular/cli@7.3.9
C:\Users\matt>npm install -g @angular/cli@7.3.9
C:\Users\matt\AppData\Roaming\npm\ng -> C:\Users\matt\AppData\Roaming\npm\node_modules\@angular\cli\
bin\ng
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.9 (node_modules\@angular\cli\node_modul
es\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.9: wanted {"os":
"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
+ @angular/cli@7.3.9
added 295 packages from 180 contributors in 61.797s
上面安裝時出現的警告訊息可以不用理會。
訊息的意思大概是說略過fsevents套件的安裝,這是因為fsevents只有Mac OS才用得到。
接著可以輸入ng version
指令來檢查是否安裝成功,若成功安裝則會顯示Angular CLI的版本資訊。
C:\Users\matt>ng version
_ _ ____ _ ___
/ \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _|
/ △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | |
/ ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | |
/_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___|
|___/
Angular CLI: 7.3.9
Node: 10.15.1
OS: win32 x64
Angular:
...
Package Version
------------------------------------------------------
@angular-devkit/architect 0.13.9
@angular-devkit/core 7.3.9
@angular-devkit/schematics 7.3.9
@schematics/angular 7.3.9
@schematics/update 0.13.9
rxjs 6.3.3
typescript 3.2.4
從以上訊息可以看到Angular CLI的版本為 7.3.9,Node.js的版本為10.15.1,此外還顯示Angular所依賴的其他套件,包括rxjs,typescript等。
預設NPM會將Angular CLI安裝在
C:\Users\[使用者名稱]\AppData\Roaming\npm\node_modules\@angular
安裝好後就可以使用Angular CLI幫我們建立一個angular專案。
沒有留言:
張貼留言