iT邦幫忙

2023 iThome 鐵人賽

DAY 3
0
Modern Web

Angular 什麼拉系列 第 3

Day3-開啟 Angular 專案吧

  • 分享至 

  • xImage
  •  

繼昨天的起手式之後,今天的部分則是建立專案。

正片開始

首先輸入ng new <專案名稱>透過 angular/cli 建立 angular 專案,
並且在透過 Cli 建立專案時會跑出一些選擇,如下圖所示
https://ithelp.ithome.com.tw/upload/images/20230918/20162482Ug2ZDZS00A.png

  1. 系統會提示要不要加入Angular Routing
  2. 想要使用哪種樣式的CSS

這篇的話則是選擇預設加入 Angular Routing,並且選擇一般 CSS 樣式。
選擇完畢後就會自動地進行建立,如下圖所示
https://ithelp.ithome.com.tw/upload/images/20230918/201624826RgE0gBsoC.png
這樣就建立好了一個新專案!是不是很快很簡單呢?雖然我很想抱怨這包真的太大了(200MB起跳)建專案要花多久啊....還是啥都沒有得空專案,是不是該瘦身了呢谷歌大大...XD

接下來在 terminal 輸入 cd <專案> 進入專案資料夾,輸入 ng serve -o 開啟 server
另外 Angular 預設 port 是 http://localhost:4200/
https://ithelp.ithome.com.tw/upload/images/20230918/2016248267nXyuqOBp.png

有看到這個畫面就代表專案有建立完成~~今天就先這樣吧!感謝收看!


上一篇
Day-2 Angular 環境建置
下一篇
Day4-建一個元件吧
系列文
Angular 什麼拉6
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言