網頁

2019/5/22

在Windows 7 安裝Angular CLI

本篇紀錄如何在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所依賴的其他套件,包括rxjstypescript等。

預設NPM會將Angular CLI安裝在
C:\Users\[使用者名稱]\AppData\Roaming\npm\node_modules\@angular

安裝好後就可以使用Angular CLI幫我們建立一個angular專案


沒有留言:

張貼留言