nvm版本管理安裝、angular7環境部署(較爲詳細)

目錄

 

1、Windows10下安裝及使用NVM

第一步:下載nvm安裝包

第二步:安裝

第三步:修改settings.txt

第四步:使用nvm安裝node

第五步:配置全局npm

2、搭建angular/cli環境 

第一步:安裝angular/cli

第二步:創建項目

第三步:運行項目


1、Windows10下安裝及使用NVM

nvm就是對node版本切換工具,方便在不同開發環境中切換node版本

第一步:下載nvm安裝包

到github上下載最新版本https://github.com/coreybutler/nvm-windows/releases

  • nvm-noinstall.zip: 這個是綠色免安裝版本,但是使用之前需要配置
  • nvm-setup.zip:這是一個安裝包,下載之後點擊安裝,無需配置就可以使用,方便。
  • Source code(zip):zip壓縮的源碼
  • Sourc code(tar.gz):tar.gz的源碼,一般用於*nix系統

第二步:安裝

安裝注意事項:安裝到路徑不能有中文和空格,否則使用過程中出現錯誤

è¿éåå¾çæè¿°

直接下一步安裝即可

安裝完成後確認是否安裝成功,打開cmd窗口,輸出nvm -v 沒有報錯就是安裝成功,一般應該都沒問題;如果報錯了就是沒有安裝成功,環境變量沒有配置,需重新配置環境變量

注意:重新配置變量(如果nvm命令可用跳過這步

1.刪除系統自帶的nvm變量(如果有的話):NVM_HOME和NVM_SYMLINK

2.打開path:刪除nvm自動添加的變量C:\nvm;C:\Program Files\nodejs(nvm安裝目錄

3.配置用戶變量:

NVM_HOME = C:\nvm      

NVM_SYMLINK = C:\nodejs  

Path = %NVM_HOME%;%NVM_SYMLINK%

配置完成保存

第三步:修改settings.txt(已經測試過,確實可行,使用npm直接通過淘寶鏡像安裝)

setting.txt文件就在nvm安裝目錄下,如果忘記安裝目錄的話,可以進入C盤 windows文件夾下的 system32在地址欄數據cmd打開cmd窗口,輸入where nvm查看,進入到nvm目錄下修改即可

在你安裝的目錄下找到settings.txt文件,打開後加上 
node_mirror: https://npm.taobao.org/mirrors/node/ 
npm_mirror: https://npm.taobao.org/mirrors/npm/

è¿éåå¾çæè¿°

 

第四步:使用nvm安裝node

è¿éåå¾çæè¿°

測試是否安裝成功,在cmd窗口輸入node -v  不報錯就是安裝成功,沒出現安裝失敗,如果遇到就百度吧

安裝node,

重點注意:安裝完成後記得運行nvm use 8.4.0 命令 (8.4.0爲對應安裝的版本號),否則後去npm 命令無法使用

第五步:配置全局npm,並配置npm環境變量

配置全局npm好處就是,切換node版本後,安裝好的包依舊可以使用,一是避免報錯,二是方便

找到npm安裝位置

添加環境變量  注意最後帶分號;

2、搭建angular/cli環境 

第一步:安裝angular/cli

#默認安裝最新版本
npm i -g @angular/cli  

#安裝制定版本
npm install -g @angular/[email protected]


#如果之前安裝的是angular-cli v1的版本,需要卸載了,安裝最新的版本。

npm uninstall -g @angular/cli  #卸載舊版本cli。
npm cache clean                #清除緩存,確保卸載乾淨,再進行安裝

第二步:創建項目

創建項目,跳過依賴安裝
ng new myapp --skip-install

進入項目,安裝依賴
cd myapp 
cnpm i  或者 npm i(已經在nvm的setting文件中配置過淘寶鏡像,可以使用npm i)

第三步:運行項目

運行項目

ng serve --open

如果環境配置好的話,運行沒有問題

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章