1. 程式人生 > >Angular4建立第一個專案

Angular4建立第一個專案

【背景】

最近在學習Angular,剛接觸一個東西最好的方法當然是多多的敲小demo了。

【步驟】

1.設定開發環境

在開始工作之前,我們必須設定好開發環境。

如果你的機器上還沒有Node.js®和npm,請先安裝它們。

請先在終端/控制檯視窗中執行命令 node -v 和 npm -v, 來驗證一下你正在執行 node  和 npm 的版本。 
npm install -g @angular/cli
2.建立新專案

開啟終端視窗。

執行下列命令來生成一個新專案以及應用的骨架程式碼:

ng new my-app
3.啟動開發伺服器

進入專案目錄,並啟動伺服器。安裝相應的依賴包。

cnpm install

用ng serve (cnpm start)自動開啟瀏覽器並訪問http://localhost:4200/

本應用會用一條訊息來跟你打招呼:


【說明】

謹以此文獻給剛剛接觸Angular的同胞們。