angular-安裝與使用以及遇到的問題

原創

2020-06-10 12:09

前提環境

1. 安裝node.js：命令行內輸入node -v檢查
2. 安裝npm/cnpm
    npm install -g cnpm --registry=https://registry.npm.taobao.org

檢測是否安裝成功

node -v
npm -v

安裝腳手架

使用npm/cnpm命令安裝angular/cli
推薦使用第二個 cnpm

npm install -g @angular/cli
或者
cnpm install -g @angular/cli

檢測是否安裝成功
ng v

創建項目

ng new 項目名稱

創建項目不安裝依賴
ng new 項目名稱 --skip-install

安裝依賴

進入項目中

cnpm install

運行項目

ng serve --open

終止指令

ctrl + c

遇到的問題

在公司電腦再次安裝出現了問題
node，npm都能查看版本號，ng命令始終有問題，搞了半天！！！
ng : 無法將“ng”項識別爲 cmlet、函數、腳本或可運行程序···

ng : 無法將“ng”項識別爲 cmdlet、函數、腳本文件或可運行程序的名稱。請檢查名稱的拼寫，如果包括路徑，請確保路徑正確，然
後再試一次。
所在位置 行:1 字符: 1
+ ng -v
+ ~~
    + CategoryInfo          : ObjectNotFound: (ng:String) [], CommandNotFoundException
    + FullyQualifiedErrorId : CommandNotFoundException

同時cnpm明明安裝了卻不能用

cnpm : 無法將“cnpm”項識別爲 cmdlet、函數、腳本文件或可運行程序的名稱。請檢查名稱的拼寫，如果包括路徑，請確保路徑正確
，然後再試一次。
所在位置 行:1 字符: 1
+ cnpm -v
+ ~~~~
    + CategoryInfo          : ObjectNotFound: (cnpm:String) [], CommandNotFoundException
    + FullyQualifiedErrorId : CommandNotFoundException

解決：

確保 nodejs能用 node -v ，npm -v 能有版本號出來
分析問題：命令行提示 ng命令不可用一般就是沒有配置環境變量裏面去呀。
檢查環境變量：第一個是安裝的nvm管理nodejs版本；
第二個是自定義的nodejs安裝路徑；
檢查nodejs文件夾內無 cnpm.cmd與 ng.cmd文件，所以 ng命令，cnpm命令都用不了；
在執行命令 npm 安裝angular/cli的時候會發現一個問題：ng指令的安裝目錄在C盤的nodejs文件夾內，而不是我們自定義的nodejs文件夾內；
看到這裏應該明白了吧！解決辦法兩個：a，安裝nodejs選擇默認安裝路徑，別修改（重裝）；
b，我都已經裝了！環境變量也有了！你讓我重裝？不太可能，所以我們可以把c盤中的nodejs文件夾內文件ctrl+a全複製，粘貼到我自定義nodejs文件夾內，能覆蓋就覆蓋了；
最後結果如下