与 Daytona 的约会：探索 AstroJS 和 Sanity CMS

daytona：一个强大的开发环境管理器，助力 astrojs 和 sanity 项目开发

最近在开发博客应用时，我通过 quira.sh 上的 quest 23 发现了 daytona —— 一个功能强大的开发环境管理器。本文将探讨如何利用 astrojs、sanity 和 daytona 显著提升博客应用的开发效率。

什么是 daytona？

daytona 是一个开源的开发环境管理器 (dem)，旨在简化开发环境的管理和部署，称为“工作区”。这些工作区基于 docker 容器构建，并完全兼容 devcontainer 标准。

daytona 的主要特性：

• 模块化架构：兼容 dockerfiles、docker compose、nix 和 devfile 等配置标准。
• 简化部署：只需一条命令即可部署功能完整的开发环境，daytona 会处理所有底层复杂性。
• devcontainers 基础：利用多功能的 devcontainers 标准定义和管理基于云的开发环境。

开发容器和配置

devcontainers 标准允许您使用存储库中 .devcontainer 文件夹下的 devcontainer.json 文件轻松配置开发环境。

devcontainers 的优势：

devcontainers 允许您根据特定需求定义自定义、功能丰富且优化的开发环境。它还支持 dockerfile 和 docker compose 配置，实现无缝集成。更多详情，请自行探索 devcontainers 及其功能。

devcontainer.json 示例 (astrojs 和 sanity 项目)：

{
    "name": "astro + sanity dev container",
    "image": "mcr.microsoft.com/devcontainers/typescript-node:latest",
    "features": {
        "ghcr.io/devcontainers/features/node:1": {
            "version": "20",
            "pnpmversion": "9.12.2"
        },
        "ghcr.io/devcontainers/features/git:1": {}
    },
    "forwardports": [4321, 3333],
    "customizations": {
        "vscode": {
            "extensions": [
                "astro-build.astro-vscode",
                "esbenp.prettier-vscode",
                "dbaeumer.vscode-eslint",
                "eamodio.gitlens",
                "styled-components.vscode-styled-components",
                "ms-vscode.vscode-typescript-next"
            ],
            "settings": {
                "astro.enableautoimport": true,
                "editor.formatonsave": true,
                "typescript.tsdk": "/node_modules/typescript/lib",
                "eslint.format.enable": true,
                "files.eol": "\n",
                "prettier.requireconfig": true
            }
        }
    },
    "containerenv": {
        "node_env": "development",
        "pnpm_home": "/tmp/pnpm-store"
    },
    "postcreatecommand": {
        "install-dependencies": "pnpm config set store-dir /tmp/pnpm-store && pnpm install",
        "env-file-create": "/bin/bash ./create-env-file.sh"
    },
    "portsattributes": {
        "3333": { "label": "sanity studio" },
        "4321": { "label": "astro dev port" }
    }
}

关键部分：

• image: 指定开发环境的基础镜像。
• features: 向容器中添加预配置的工具或实用程序。
• forwardports: 将端口从容器映射到主机。
• customizations: 指定编辑器配置，例如扩展、设置和格式偏好设置（特别是 vs code）。
• containerenv: 设置容器的环境变量。
• postcreatecommand: 创建容器后运行的命令（例如，安装依赖项）。
• portsattributes: 开发中使用的特定端口的标签。

更多配置选项，请参考 devcontainer json 文档。

daytona 的先决条件

在下载 daytona 之前，需要满足以下条件：

• docker
• 文本编辑器/ide 例如 vs code、jetbrains 等
• ssh 客户端 访问远程服务器所需

下载和启动 daytona

daytona 支持所有主要操作系统。请按照安装指南进行设置。

使用以下命令启动 daytona：

daytona

启动 daytona 服务器：

• 守护进程模式 (windows 系统不支持)： daytona server start
• 当前终端会话： daytona serve

添加 git 提供商和配置 ide

使用以下命令添加 git 提供商（例如 github、gitlab）：

daytona git-providers add

按照屏幕提示集成您的 git 配置文件。完成后，您可以访问 git 仓库中托管的项目。

daytona 允许在任何流行的 ide 上运行开发环境。运行以下命令并选择您选择的 ide：

daytona ide

使用 daytona 进行开发

您需要一个包含 devcontainer.json 文件（位于 .devcontainer 文件夹下）的项目。

daytona 入门命令：

• 创建开发容器：daytona create
• 从 git 仓库启动开发容器：daytona create https://github.com/daytonaio/sample-astro-blog

与 daytona 协同开发 (示例 astrojs sanity 博客)

1. 登录 sanity: 登录您的 sanity 帐户并创建一个新项目。
2. 生成 api 令牌: 在 sanity 项目设置的 api 部分生成一个新令牌，用于配置环境变量。

运行项目：

• 启动 astrojs 应用: pnpm run dev
• 访问 sanity studio: pnpm run sanity-dev

结论

daytona 提供了一个成熟的开发环境，具备本地设置的所有功能。无论您的经验水平如何，daytona 的强大功能以及与 astrojs 和 sanity 等现代工具的无缝集成都值得探索。

daytona 的示例项目 (astrojs sanity 博客) 也值得一试。 daytona 和其所依赖的工具都是开源的，请给予支持！

以上就是与 daytona 的约会：探索 astrojs 和 sanity cms的详细内容，更多请关注代码网其它相关文章！