目錄
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
如果環境配置好的話,運行沒有問題