Astro を学んでみる(2)

本記事は、書籍「Astro フロントエンド開発の教科書」によるAstroの勉強、２回目（実質１回目）です。

第1章　Astroを初体験

1.1 Astroとは

• Astro は、Webアプリケーション作成というよりはWebサイト作成用
• Astroは、コンポーネントベースであり、部品を作っていくスタイル
• Astroの基本はSSG(Static Site Generators)

1.2 Astroの環境構築

• 環境構築に必須なのが、Node.js、テキストエディタ、ターミナル
• テキストエディタについては、参考書でも、公式ページでもオススメしているのがVisual Code Studio
• ターミナルはOS次第ですが、Visual Code Studio を使っても良い

1.3 Astroプロジェクトの作成と実行

Astroのインストール

npm create astro@latest

開発用サーバの起動

npm run dev

ブラウザアクセス

http://localhost:4321/

下の画像が初期表示のようです。

1.4 本書で必要なTypeScript文法

TypeScript文法をいくつか紹介されています。

＼ 最新情報をチェック ／