# Angular 開發環境 ## 安裝 Node js 及 NPM 直接至官網下載 https://nodejs.org/en 檢查版本 ``` npm list ``` ## 升級 node js 版本 ``` brew install node` ``` ## 使用 nvm 安裝 node js -- 可下載多版node ,並指定版本 參考網址 : https://titangene.github.io/article/nvm.html 列出遠端可安裝 node 版本 ``` nvm ls-remote --lts <列出遠端可安裝 node 版本> nvm list <列出 有什麼版本 > nvm install 版本 < 安裝某版本> nvm use 版本 <使用某版本> nvm alias default 版本 <重新開機使用這個版本> ex: nvm alias default 16 ``` ## 安裝 Angular CLI (global) (本機上安裝的Angular CLI 版本) ``` npm install -g @angular/cli` ``` ## 查看 global Angular CLI版本 (本機上安裝的Angular CLI 版本) ``` ng version ` ``` ## 更新 global Angular CLI版本 ``` npm uninstall -g @angular/cli npm install -g @angular/cli@latest ``` ``` 清掉 cache sudo npm uninstall -g angular-cli sudo npm cache verify sudo npm cache clean sudo npm install -g @angular/cli@latest ``` 更新完要重新開機 安裝指定版本 ``` npm install @angular/cli@15 ``` ## 更新專案 Angular CLI版本 更新專案內 Angular CLI 使用版本 Angular 升級指南網站(Angular Update Guid) https://update.angular.io/ ex ``` ng update @angular/core@15 @angular/cli@15 ``` --- package.json : dependencies版本前符號 ~，^ 的差異 **~**: ~1.12.2 會抓到 1.12.x 的最新版 **^**: ^1.12.2 會抓到 1.x.x 的最新版 ###### tags: `Angular` `FrontEnd`