> ## Documentation Index
> Fetch the complete documentation index at: https://ayakaleaf-pro.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Thiết lập môi trường phát triển (Codespace)

> Thiết lập môi trường phát triển của bạn bằng GitHub Codespace.

Để tiết kiệm thời gian và nhanh chóng dựng môi trường phát triển, chúng tôi cung cấp thêm một phiên bản cấu hình môi trường phát triển khác, đó là GitHub Codespace.

## Hướng dẫn cấu hình

<Steps>
  <Step title="Tạo Codespaces">
    Nhấp vào nút sau để tạo một codespace trên đám mây phục vụ phát triển server-pro.

    [![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/ayaka-notes/overleaf-pro)

    Bạn nên chọn **Machine Type** tối thiểu là **4-core**. Để dùng loại máy lớn hơn, bạn có thể gửi yêu cầu đến đội ngũ hỗ trợ chính thức của GitHub bằng cách tạo ticket [tại đây](https://support.github.com/contact?tags=rr-codespaces%2Ccat_codespaces).

    <Frame>
      <img src="https://mintcdn.com/ayakaleaf-pro/x9kfDjtWlyyhG_mR/images/dev/image.png?fit=max&auto=format&n=x9kfDjtWlyyhG_mR&q=85&s=d723c8474a8fe076724ad4b8404c90a0" alt="" width="1319" height="990" data-path="images/dev/image.png" />
    </Frame>
  </Step>

  <Step title="Chạy script thiết lập">
    Bạn cần kiên nhẫn chờ cho đến khi codespace được tạo xong. Khi đã truy cập được Terminal, hãy chạy lệnh sau:

    ```text theme={null}
    cd develop/
    bin/setup
    ```

    <Frame>
      <img src="https://mintcdn.com/ayakaleaf-pro/x9kfDjtWlyyhG_mR/images/dev/image-1.png?fit=max&auto=format&n=x9kfDjtWlyyhG_mR&q=85&s=67fe318b5d049b5eb8317b41154ca3b4" alt="" width="1086" height="587" data-path="images/dev/image-1.png" />
    </Frame>

    <Warning>
      Script này (`bin/setup`) cho phép bạn thiết lập môi trường phát triển trên commit mới nhất của nhánh `server-pro` trong thời gian ngắn nhất có thể. Nó có thể không áp dụng được cho các phiên bản cũ hơn hoặc các nhánh khác.

      Chúng tôi build Docker image phát triển hằng ngày bằng [GitHub Action](https://github.com/ayaka-notes/overleaf-pro/actions).
    </Warning>
  </Step>

  <Step title="Truy cập Launchpad">
    Chuyển sang tab cổng (port), bạn sẽ thấy danh sách các cổng web khả dụng. Nhấp vào cổng `80`. Lúc này bạn sẽ thấy trang launchpad.

    <Frame>
      <img src="https://mintcdn.com/ayakaleaf-pro/x9kfDjtWlyyhG_mR/images/dev/image-2.png?fit=max&auto=format&n=x9kfDjtWlyyhG_mR&q=85&s=649782162b3038fde73e6b9c3be0a5ce" alt="" width="1492" height="589" data-path="images/dev/image-2.png" />
    </Frame>

    Bạn sẽ thấy:

    <Frame>
      <img src="https://mintcdn.com/ayakaleaf-pro/x9kfDjtWlyyhG_mR/images/dev/image-3.png?fit=max&auto=format&n=x9kfDjtWlyyhG_mR&q=85&s=2cb7a394e9e4724a2145f5a631447237" alt="" width="1742" height="1183" data-path="images/dev/image-3.png" />
    </Frame>
  </Step>

  <Step title="Tận hưởng việc phát triển">
    Giờ là thời gian của riêng bạn! Hãy bắt đầu xây dựng những tính năng tuyệt vời. Bạn cần chạy lệnh sau để bật hiển thị thời gian thực:

    ```bash title="bash" wrap theme={null}
    docker compose -f docker-compose.yml -f docker-compose.dev.yml -f ./docker-compose.image.yml up --no-deps --detach
    ```
  </Step>
</Steps>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.