接下來，我們就要來建立第一個專案範本。

1. 首先，我們可以在桌面上先建一個資料夾，命名叫 Angular，記住不要使用中文字命名，以免發生錯誤。

2. 接著打開 VS Code，把剛才的 Angular 資料夾拖曳進來。

3. 接著打開 VS Code 的終端機，你可以看到目前路徑已經在這個資料夾裡面了。

4. 我們接下來輸入以下指令，來建立一個新的專案資料夾。

ng new angular-demo

會看到有幾個選項要選擇：

• 首先是要不要建立 Angular 路由，這邊之後做到會再說明，目前先選擇 n 不加入。
• 再來選擇 CSS 的格式，這邊可以先選擇 CSS 即可。

然後 NPM 就會開始安裝相關的套件。

5. 等待安裝完成，我們就來試著來啟動專案，首先，先打入以下指令，進入專案資料夾。

cd angular-demo

進入資料夾之後，輸入以下指令：

npm start 或是 ng serve

這個指令會幫我們啟動 Angular 的開發伺服器，等到啟動的流程結束，你可以看到以下的畫面。

此時，你可以按住 ctrl 並移動滑鼠去點擊 http://localhost:4200，就可以透過瀏覽器開啟一個頁面，而這個網頁，就是 run 在 Angular 裡面的。

在這個伺服器運作的期間，你只要修改程式碼並且存檔，在沒有發生錯誤的情況下，畫面會直接顯示你變更的內容。

若是要退出開發伺服器，只需要在終端機畫面按下 ctrl + c，並且輸入 Y 即可退出。

現在，我們的第一個專案範本已經建立完成！