npm 環境搭建---全局安裝angular cli ---升級本地angular版本---搭建ng-alain

1.環境搭建

node -v # 查看 Node.js 當前版本
npm -v  # 查看 Npm 當前版本

2.設定淘寶提供 Npm 源鏡像

# 設置淘寶源
npm config set registry https://registry.npm.taobao.org
npm config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass
# 恢復默認源
npm config delete registry
npm config delete sass_binary_site

3.全局 Angular Cli,如果不想全局安裝，可以使用npx ng XXX命令執行

npm install -g @angular/cli

4.創建一個全新的 Angular 項目

ng new my-project --style less --routing

當提示 Packages installed successfully. 表示創建成功

5.將 NG-ALAIN 添加到 my-project 項目中

ng add ng-alain

如果遇到報錯 An unhandled exception occurred: Cannot find module 'jsonc-parser'，請執行下面代碼

npm install jsonc-parser

繼續執行 ng add ng-alain 然后遇到報錯, 如果沒有報錯就YYYYY到底（加多點，畢竟是練習用的，如果是正式項目，就按需選擇）

? Would you like to add i18n plugin? (default: N) Yes
Sorry, the current version only supports angular 11.x, pls downgrade the global Anguar-cli version: [yarn global add @angular/cli@11] (or via npm: [npm install -g @angular/cli@11])

看到上述報錯，執行

npm install -g @angular/cli@11

然后又遇到問題，我執行 老版本CLI ng -v 新版本 ng v 看到下面的黃色字體

Your global Angular CLI version (11.2.10) is greater than your local version (9.1.15). The local Angular CLI version is used.

解決：升級當地版本

npm install --save-dev @angular/cli@latest 

繼續執行 ng add ng-alain OK~~