在寫astro的相關學習頁面之前要先推薦一下我這次所看的教學影片:

https://www.youtube.com/watch?v=6-5tlZUjUT0&list=PL_vrngOaamYsFwZOM2OnT21NR4m4o7PEP

因為自己偶爾也會在youtube上面逛逛一些新技術，偶然看到有youtuber(up主?)在介紹Astro框架，搜了一下youtube上關於Astro的中文資源很少，所以也就跟著一起看一起動手做，後續的日子自己也會跟著影片一起慢慢地動手做，如果覺得讀者覺得影片的效果更好，也可以跟著影片做

影片中我們也會看到我們最終完成的樣子:

今天會介紹的大概也是影片的第一部分，詳細一的一些內容也可以看影片的內容，那麼首先我們要來先建立一個Astro專案，在我們選定的資料夾去下指令:

npm create astro@latest .

一開始會問你是否要安裝Astro的初始化工具，我們當然選yes啦，接下來他也會問我們一些我們在安裝框架時會遇到的問題:

1. tmpl How would you like to start your new project?

這個問題詢問你希望以什麼模板來開始你的新項目。astro有提供一些部落格模板可供開發者選擇，但我們目前只是一個簡單的練習應用，所以還是朝著簡單的來，選empty

2. ts Do you plan to write TypeScript?

這個問題詢問你是否打算使用 TypeScript。我選擇了js，不過可以看到下面的提示詞表示astro是選ts當作預設語言，但我們仍然可以使用js，由於我只是簡單學習，所以選擇js可以省去很多事情

3. deps Install dependencies?

這個問題詢問你是否希望安裝項目所需的所有依賴包。選擇yes這表示系統會自動安裝所有依賴包，以便你可以在項目創建完成後立即開始開發。

4. git Initialize a new git repository?

這個問題詢問你是否希望初始化一個新的 Git 版本控制庫。在影片中是選擇了yes，但我先選擇了no

選擇完成之後Astro就會開始建立自己的相關內容，等到建利完成之後 run 一下 dev，就會看到下面的內容:

我們可以看到畫面非常的陽春，下面還有一個小小的飄浮儀表板，這就是一個非常陽春的astro樣版，明天我們就來進行一些簡易的內容添加吧