這次挑戰寫的可能有點複雜所以沒有要在基本的部分上著墨太多，
基礎的部分我想推薦大家看LEO大大的
「Angular 深入淺出三十天」
真的寫得很好，絕對不是因為我們有私交(欸

Angular版本使用14+
node版本使用16+

我自己是用angular 14.2.13
node 20.5.0
純粹是因為之前工作上使用也懶得換，

本次挑戰多半都是自製元件 多半不會有相容性問題，
如果之後太早寫完預計的內容的話，
也是可以考慮來魔改一下 primeng

一開始先初始化專案

ng new <<專案名稱>> --routing

選擇scss

在src/app下面創pages，
在程式變得複雜之前 我們先在首頁作業就好，
為了保有之後擴充性 我們在pages下面開一個main當首頁，
(後面開新component的部分可能會簡單帶過)

// 到src/app之下
mkdir pages
cd pages 
ng g component main

到app-routing.module.ts將main加進路由裡

const routes: Routes = [
    {
        path: 'main',
        component: MainComponent,
    },
    {  // 不認識的路由都回到main
        path: '**',
        component: MainComponent,
    },
];

這樣大概就是我們的基礎架構了。接下來的程式我會放在 GitHub 上面，會用版本控管的方式去紀錄每天的程式。可能路徑的層數會跟文章裡面有點出入，我就是想保留一些擴充空間，但又不確定後面用不用得上，就等之後有碰到再說啦 XDD。

今日程式:day02