利用Angular CLI 建立待辦事項專案 | npm install angular cli 6
在開發Angular應用程式時,會利用AngularCLI進行工作空間(Workspace)的建立,以及各項元件的開發、測試與佈署。本篇將針對AngularCLI的安裝與其指令進行說明,並利用CLI來建立一待辦事項的專案,以供未來實作Angular觀念之用。AngularCLI安裝安裝Node.js在安裝AngularCLI前尚需要先安裝Node.js,可以利用node--version來確認是否有安裝,以及所安裝的版本,如下圖,目前我安裝的版本是13.14.0。若還沒有安裝時,可以至Node.js[1]官網下載。官網上提供了最新版本是14.8.0,以及長期支援版本是12.18.3,可以依自己的需求選擇。長期支援(...
在開發 Angular 應用程式時,會利用 Angular CLI 進行工作空間 (Workspace) 的建立,以及各項元件的開發、測試與佈署。本篇將針對 Angular CLI 的安裝與其指令進行說明,並利用 CLI 來建立一待辦事項的專案,以供未來實作 Angular 觀念之用。
Angular CLI 安裝 安裝 Node.js在安裝 Angular CLI 前尚需要先安裝 Node.js,可以利用 node --version 來確認是否有安裝,以及所安裝的版本,如下圖,目前我安裝的版本是 13.14.0。
若還沒有安裝時,可以至 Node.js[1] 官網下載。官網上提供了最新版本是 14.8.0,以及長期支援版本是 12.18.3,可以依自己的需求選擇。
長期支援 (Long-Item support, LIS) 版本是一種軟體的產品生命週期,代表不會針對此版本進行新特性 (Feature) 的開發,但會修復程式 Bug 或安全性進行修改。
安裝 Angular CLI安裝完 Node.js 後,就可以利用 NPM 將 Angular CLI 安裝到電腦裡。在終端機下輸入 npm install --global @angular/cli。
如果要在 mac 上安裝 Angular CLI 需要加入 sudo 來切換至管理員帳戶才有權限夠安裝。 NPM (Node Package Manager) 是 Node.js 預設使用的軟體套件管理系統。針對較常用的指令有提供較精簡的縮寫,例如 install 可以縮寫成 i,--global 則為 -g,因此指令就可以用 npm i -g @angular/images。 檢查確認安裝完 Angular CLI 之後,我們在終端機透過 ng --version 可以查詢 Angular CLI 的版本。
該指令會顯示下列三種資訊:
Angular CLI / NodeJs / OS 版本資訊。 已安裝 Angular...