第二章：脚手架 —— 初始化依赖项

第二章：脚手架 —— 初始化依赖项

我们不从零手写 HTML，那是石器时代。我们要用 脚手架 生成一个现代化工程。

2.1 初始化 Astro + Fuwari

我们将直接使用 pnpm 拉取 Fuwari 主题的模板。

  • 找一个存代码的文件夹，右键打开终端，执行：
    1
    2
    # 核心命令：创建一个名为 my-blog 的项目，使用 fuwari 模板
    pnpm create astro my-blog --template saicaca/fuwari
    (过程中如果遇到确认提示，按 Enter 键继续)

2.2 安装依赖

就像买回来乐高模型（代码骨架）后，需要把所有零件包（依赖库）都打开一样。

1
cd my-blog      # 进入项目目录

2.3 启动本地开发服务器

1
pnpm dev

  • 现象： 终端会显示 http://localhost:4321。

  • 操作： 按住 Ctrl 点击链接。

    此时，你的电脑变身成了一台小型服务器。你在浏览器看到的所有内容，都是 Astro 实时把代码编译给你看的。