Dùng thử Gemini trong Firebase Studio

Gemini trong Firebase Studio cung cấp sự hỗ trợ của AI để đơn giản hoá quy trình lập trình của bạn – ngay trong trình soạn thảo mã và bằng cách sử dụng tính năng trò chuyện. Gemini có thể đề xuất mã, tạo mã, giải thích các khái niệm về mã, cập nhật tệp dự án, chạy lệnh trên thiết bị đầu cuối và diễn giải đầu ra của lệnh.

Bạn có thể bắt đầu sử dụng Gemini ngay mà không cần thiết lập:

Xin lưu ý rằng tính năng hoàn tất mã nội tuyến và lập chỉ mục cơ sở mã được bật theo mặc định. Tìm hiểu cách điều chỉnh chế độ cài đặt của họ.

Gemini chỉ có khi bạn ở chế độ xem Code. Bạn có thể dùng tính năng này với các ứng dụng mà bạn khởi động trong Firebase Studio, các ứng dụng mà bạn nhập vào Firebase Studio và các ứng dụng do App Prototyping agent tạo.

Trò chuyện với Gemini

Firebase Studio hỗ trợ quy trình phát triển của bạn bằng tính năng trò chuyện có sự trợ giúp của AI.

Bắt đầu trò chuyện

  1. Mở hoặc tạo một không gian làm việc trong Firebase Studio.

  2. Nhấp vào biểu tượng sparkGemini ở cuối không gian làm việc.

  3. Bắt đầu trò chuyện với Gemini.

  4. (Không bắt buộc) Gửi một câu lệnh đa phương thức cho Gemini bằng cách nhấp vào biểu tượng Biểu tượng đính kèm Đính kèm rồi chọn một trong các lựa chọn sau:

    • Vẽ: Sử dụng các công cụ vẽ để thiết kế mẫu thiết kế mà bạn muốn, sau đó nhập câu lệnh rồi nhấp vào Gửi.
    • Hình ảnh: Tải hình ảnh lên, thêm câu lệnh rồi nhấp vào Gửi.
    • Tệp: Chọn một tệp trong không gian làm việc của bạn để dùng làm bối cảnh, thêm câu lệnh rồi nhấp vào Gửi.

  5. (Không bắt buộc) Thay đổi chế độ mà Gemini dùng để phản hồi các yêu cầu:

    • Hỏi: Tạo kế hoạch. Ở chế độ này, Gemini sẽ trả lời các câu hỏi mà không đề xuất thay đổi mã.
    • Tác nhân: Thực hiện các thay đổi đối với ứng dụng của bạn. Ở chế độ này, Gemini đề xuất các thay đổi đối với ứng dụng của bạn, nhưng không áp dụng các thay đổi đó nếu bạn chưa xác nhận.
    • Agent (Tự động chạy): Tự động áp dụng các thay đổi cho ứng dụng của bạn. Ở chế độ này, Gemini sẽ tự động thực hiện các thay đổi đối với mã của bạn dựa trên yêu cầu của bạn, nhưng vẫn yêu cầu bạn xác nhận để chạy các lệnh trên thiết bị đầu cuối.

  6. (Không bắt buộc) Thêm khoá Gemini API của riêng bạn và chọn một mô hình Gemini khác. Tìm hiểu thêm tại bài viết Sử dụng khoá riêng: Dùng các mô hình Gemini khác trong cuộc trò chuyện.

  7. (Không bắt buộc) Tuỳ chỉnh cách Gemini hỗ trợ bạn bằng cách điều chỉnh chế độ cài đặt và thêm tệp quy tắc AI. Tìm hiểu thêm.

Trong bảng điều khiển trò chuyện, bạn có thể đặt Gemini câu hỏi và nhận các đề xuất về mã. Ở chế độ Agent, Gemini thậm chí có thể cập nhật tệp cấu hình dự án và mã của bạn, đồng thời có thể chạy các lệnh trên thiết bị đầu cuối cho bạn ngay trong không gian làm việc. Gemini có thể hỏi xem có thể làm những việc sau cho bạn hay không:

  • Sửa đổi tệp: Gemini có thể thêm một tính năng, sửa một lỗi hoặc tái cấu trúc mã. Khi Gemini đề xuất thay đổi đối với một tệp, bạn sẽ thấy hai lựa chọn:

    • Cập nhật tệp: Cập nhật trực tiếp tệp bằng các thay đổi được đề xuất của Gemini.
    • Xem xét các thay đổi: Mở các thay đổi được đề xuất trong một cửa sổ khác để xem xét trước khi áp dụng.

  • Chạy các lệnh trên thiết bị đầu cuối: Gemini có thể chạy các lệnh như cài đặt các phần phụ thuộc hoặc khởi động một máy chủ phát triển. Tính năng này có thể tự đề xuất các lệnh này hoặc bạn có thể yêu cầu Gemini chạy các lệnh đó. Sau khi Gemini đề xuất một lệnh, nút Chạy lệnh trên thiết bị đầu cuối sẽ xuất hiện. Nhấp vào nút này để thực thi lệnh trong một dòng lệnh trong Firebase Studio. Gemini sẽ chạy lệnh và diễn giải kết quả cho bạn trong cửa sổ trò chuyện, đồng thời giúp xác định các bước tiếp theo.

Hoàn thành các công việc phức tạp bằng tính năng trò chuyện

Gemini có thể giúp bạn hoàn thành các nhiệm vụ phát triển phức tạp, chẳng hạn như:

  • Ghi lại mã của bạn: Gemini có thể tự động tạo tài liệu ở định dạng phù hợp cho mã của bạn khi bạn yêu cầu "Viết tài liệu cho tôi".
  • Viết các trường hợp kiểm thử: Gemini có thể tự động cập nhật và tạo các kiểm thử đơn vị. Nếu bạn yêu cầu Gemini "viết các bài kiểm thử của tôi", Gemini sẽ tìm một tệp kiểm thử đơn vị hiện có và có thể thêm các bài kiểm thử còn thiếu vào tệp đó. Nếu không tìm thấy tệp kiểm thử đơn vị hiện có, Gemini sẽ tạo kiểm thử đơn vị để bạn xem xét, lặp lại và chấp nhận. Bạn thậm chí có thể yêu cầu Gemini kích hoạt kiểm thử đơn vị đó!
  • Quản lý các phần phụ thuộc: Bạn có thể yêu cầu Gemini phát hiện các phần phụ thuộc bị thiếu trong mã của bạn và giải quyết các phần phụ thuộc đó ngay từ giao diện trò chuyện.
  • Tái cấu trúc mã: Bạn có thể yêu cầu Gemini tái cấu trúc mã thay cho bạn, ví dụ: trích xuất một hàm hoặc đổi tên một biến trên nhiều tệp. Gemini sẽ tạo một danh sách các thay đổi được đề xuất và sau khi xem xét cũng như áp dụng các thay đổi, bạn có thể yêu cầu Gemini cập nhật và thực thi các kiểm thử đơn vị để xác minh quá trình cải tiến và đảm bảo các kiểm thử tiếp tục được thực hiện.
  • Tạo và chạy quy trình làm việc Docker: Nếu đã bật Docker trong không gian làm việc, bạn có thể nhanh chóng tạo vùng chứa cho ứng dụng bằng cách yêu cầu Gemini tạo một Dockerfile (ví dụ: "Tạo một Dockerfile cho ứng dụng của tôi"). Sau khi Gemini tạo Dockerfile, công cụ này có thể tạo và chạy vùng chứa cho bạn.
  • Chạy kiểm thử đơn vị và kiểm thử tích hợp: Bạn có thể bắt đầu phiên chạy thử nghiệm bằng cách yêu cầu Gemini chạy các bộ kiểm thử cụ thể (ví dụ: "Chạy kiểm thử đơn vị của tôi" hoặc "Chạy kiểm thử tích hợp"). Gemini sẽ thực thi lệnh thích hợp cho dự án của bạn (ví dụ: npm test hoặc một lệnh trình chạy kiểm thử cụ thể) và sẽ hiển thị kết quả kiểm thử trong giao diện trò chuyện.

Sử dụng lệnh dấu gạch chéo trong cuộc trò chuyện

Bạn có thể hướng dẫn cuộc trò chuyện Gemini đưa ra kết quả bằng cách sử dụng lệnh gạch chéo, tức là các phím tắt bắt đầu bằng dấu gạch chéo lên (/). Nhập / vào đầu câu lệnh trò chuyện Gemini rồi chọn hành động bạn muốn trong danh sách các lệnh gạch chéo có sẵn.

Để xem danh sách đầy đủ các lệnh dấu gạch chéo, hãy nhập / trong cuộc trò chuyện.

Ví dụ: /generate theo sau là nội dung mô tả ngắn về những gì bạn muốn là một lối tắt câu lệnh để tạo đoạn mã.

Sau đây là ví dụ về kết quả trả về khi chạy /generate css for a black background:

body {
  background-color: black;
}

/* This CSS code sets the background color of the <body> element to black. This will make the background of the entire web page black. */

Tham khảo các tệp và thư mục cụ thể trong cuộc trò chuyện

Để cung cấp thêm bối cảnh cho các yêu cầu và câu hỏi mà bạn đặt ra Gemini, bạn có thể tham khảo các tệp và thư mục cụ thể bằng biểu tượng @.

Ví dụ: Explain what's contained within the @src/ai directory.

Quản lý nhật ký trò chuyện

Bạn có thể tách biệt các chủ đề trong cuộc trò chuyện Gemini bằng cách bắt đầu các chuỗi trò chuyện riêng. Sau đó, bạn có thể tham khảo lại các chuỗi tin nhắn trước đó dựa trên chủ đề.

Cách bắt đầu một cuộc trò chuyện mới:

  1. Nhấp vào Cuộc trò chuyện mới trong thanh tiêu đề của cuộc trò chuyện.

  2. Nhập câu lệnh.

Cách chuyển sang một chuỗi trò chuyện khác:

  1. Nhấp vào Các cuộc trò chuyện gần đây trên thanh tiêu đề của cuộc trò chuyện.

  2. Chọn chuỗi trò chuyện mà bạn muốn truy cập.

  3. Tiếp tục chuỗi trò chuyện đó hoặc xem lại các cuộc trò chuyện trước đây bằng cách nhấp vào biểu tượng Gemini.

Cách xoá một chuỗi trò chuyện:

  1. Chọn chuỗi trò chuyện bạn muốn xoá khỏi Cuộc trò chuyện gần đây trong thanh tiêu đề của cuộc trò chuyện.

  2. Nhấp vào Xoá cuộc trò chuyện trong thanh tiêu đề của cuộc trò chuyện. Xác nhận rằng bạn muốn xoá chuỗi trò chuyện khỏi nhật ký trò chuyện.

Xem trích dẫn mã trong cuộc trò chuyện

Để giúp bạn xác minh các đề xuất về mã, Firebase Studio chia sẻ thông tin về nguồn ban đầu và các giấy phép liên quan. Bạn có thể xem nhật ký đầy đủ về các trích dẫn mã trong cửa sổ trò chuyện bằng cách nhấp vào biểu tượng Nhật ký giấy phép trong thanh tiêu đề của cuộc trò chuyện.

Biểu tượng nhật ký giấy phép trong thanh tiêu đề của cuộc trò chuyện

Để tìm hiểu thêm về tính năng trích dẫn mã của Google, hãy xem phần Hỗ trợ tạo mã.

Yêu cầu Gemini trợ giúp trực tiếp

Firebase Studio giúp bạn tăng năng suất nhờ các đề xuất mã dựa trên AI của Gemini.

Xin lưu ý rằng tính năng hoàn tất mã được bật theo mặc định. Tìm hiểu cách điều chỉnh chế độ cài đặt của thiết bị.

Nhận các đề xuất về mã từ Gemini

Gemini tạo các khối mã hoàn chỉnh có thể có ngay trong dòng. Để sử dụng tính năng hỗ trợ mã nội tuyến Gemini, hãy làm theo các bước sau:

  1. Mở một không gian làm việc trong Firebase Studio.

  2. Chuyển đến tệp hoặc dòng mã mà bạn muốn được trợ giúp rồi nhấn Ctrl+I (Cmd+I trên MacOS).

  3. Nhập nội dung mô tả về nội dung bạn muốn, sau đó Gemini sẽ tạo một đề xuất. Bạn cũng có thể sử dụng các thao tác làm lối tắt để hướng dẫn các đề xuất. Ví dụ: nhập /fixError để được trợ giúp khắc phục lỗi trong mã cùng dòng.

  4. Chọn một trong các thao tác sau:

    • Để giữ lại mã đã tạo, hãy nhấp vào Chấp nhận.
    • Để dán đề xuất ở nơi khác hoặc di chuyển đề xuất đó sang một tệp mới, hãy chọn lựa chọn tương ứng trong trình đơn thả xuống trên nút Loại bỏ.
    • Để tạo đề xuất mới, hãy nhấp vào Tạo lại.
    • Để xoá hoàn toàn đề xuất, hãy nhấp vào Huỷ.

  5. (Không bắt buộc) Tuỳ chỉnh cách Gemini hỗ trợ bạn bằng cách điều chỉnh chế độ cài đặt và thêm tệp quy tắc AI. Tìm hiểu thêm.

Xem Gemini các lệnh nội tuyến

  1. Để xem các lệnh Gemini cùng dòng cho mã cụ thể, hãy chọn và nhấp chuột phải vào mã mà bạn muốn được trợ giúp.

  2. Chọn biểu tượng sparkGemini trong trình đơn, rồi chọn hành động bạn muốn thực hiện.

Sử dụng tính năng hoàn thành mã được đề xuất Gemini

Để giúp bạn viết mã, Firebase Studio cung cấp tính năng hoàn thành mã bằng AI, dự đoán và tự động điền mã trong mọi tệp đang mở ngay khi bạn bắt đầu nhập.

Xin lưu ý rằng tính năng hoàn tất mã được bật theo mặc định.

Để bật hoặc tắt tính năng hoàn thành mã, hãy điều chỉnh chế độ cài đặt hoàn thành mã bằng một trong các phương thức sau:

  • Nếu bạn sử dụng tệp settings.json, hãy đặt "IDX.aI.enableInlineCompletion" thành true hoặc false.

  • Cách cập nhật chế độ cài đặt trong không gian làm việc Firebase Studio:

    1. Nhấp vào biểu tượng Biểu tượng bánh răng Quản lý (ở dưới cùng bên trái của không gian làm việc), sau đó chọn Cài đặt hoặc nhấn Ctrl+, (Cmd+, trên máy Mac).

      Nếu bạn đang sử dụng App Prototyping agent ở chế độ xem Prototyper, hãy nhấp vào Biểu tượng chuyển đổi mã Switch to Code (Chuyển sang mã) để mở chế độ xem Code.

    2. Chọn thẻ Không gian làm việc, sau đó tìm chế độ cài đặt Firebase Studio > AI > Bật tính năng hoàn thành nội dung trong dòng.

    3. Để tắt tính năng hoàn thành mã, hãy bỏ chọn tuỳ chọn Bật tính năng hoàn thành mã cùng dòng khi bạn nhập.