Gemini trong Firebase Studio cung cấp tính năng hỗ trợ AI để đơn giản hoá quy trình viết mã 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 trong cửa sổ dòng lệnh và diễn giải kết quả 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 tự động hoàn thành mã trong dòng mã 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 các chế độ cài đặt này.
Gemini có thể sử dụng khi bạn ở chế độ xem Code. Bạn có thể sử dụng Gemini với các ứng dụng mà bạn bắt đầu 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ó AI hỗ trợ.
Bắt đầu trò chuyện
Mở hoặc tạo một không gian làm việc trong Firebase Studio.
Nhấp vào sparkGemini ở cuối không gian làm việc.
Bắt đầu trò chuyện với Gemini.
(Không bắt buộc) Gửi câu lệnh đa phương thức cho Gemini bằng cách nhấp vào
Đính kèm
rồi chọn một trong các lựa chọn sau:- Bản vẽ: Sử dụng các công cụ vẽ để thiết kế bản 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 ngữ cảnh, thêm câu lệnh rồi nhấp vào Gửi.
(Không bắt buộc) Thay đổi chế độ mà Gemini sử dụng để phản hồi các yêu cầu:
- Hỏi: Tạo kế hoạch. Ở chế độ này, Gemini trả lời câu hỏi mà không đề xuất thay đổi mã.
- Tác nhân: Thay đổi ứng dụng của bạn. Ở chế độ này, Gemini đề xuất các thay đổi cho ứng dụng của bạn nhưng không áp dụng các thay đổi đó nếu bạn không xác nhận.
- Tác nhân (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 tự động thay đổi mã của bạn dựa trên các 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 trong cửa sổ dòng lệnh.
(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 Tự cung cấp khoá: Sử dụng các mô hình Geminikhác trong cuộc trò chuyện.
(Không bắt buộc) Tuỳ chỉnh cách Gemini hỗ trợ bạn bằng cách điều chỉnh các 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ế độ Tác nhân, Gemini thậm chí có thể cập nhật các tệp cấu hình và mã dự án, đồng thời có thể chạy các lệnh trong cửa sổ dòng lệnh cho bạn ngay trong không gian làm việc của bạn. Gemini có thể hỏi xem có thể giúp bạn thực hiện bất kỳ thao tác nào sau đây 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 các thay đổi đối với một tệp, bạn sẽ thấy 2 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 mà Gemini's đề xuất.
- 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 trong cửa sổ dòng lệnh: 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. Gemini 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 trong cửa sổ dòng lệnh sẽ xuất hiện. Nhấp vào nút này để thực thi lệnh trong một cửa sổ 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 tác vụ 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 tác vụ phát triển phức tạp, chẳng hạn như:
- Ghi lại mã: 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 Gemini "Viết tài liệu của 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 chương trình kiểm thử đơn vị. Nếu bạn yêu cầu Gemini để "viết các chương trình kiểm thử của tôi," Gemini sẽ tìm một tệp chương trình kiểm thử đơn vị hiện có và có thể thêm các chương trình 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 chương trình đó!
- 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 còn thiếu trong mã của bạn và giải quyết các phần phụ thuộc đó ngay trên 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, chẳng hạn như 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 danh sách các thay đổi được đề xuất và sau khi xem xét và á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 chương trình kiểm thử đơn vị để xác minh quá trình cải tiến và đảm bảo các chương trình kiểm thử tiếp tục thành công.
- Tạo và chạy quy trình 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 của mình bằng cách yêu cầu Gemini tạo Dockerfile (ví dụ: "Tạo Dockerfile cho ứng dụng của tôi"). Sau khi Gemini tạo Dockerfile, Gemini có thể tạo và chạy vùng chứa cho bạn.
- Chạy các chương trình kiểm thử đơn vị và 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 các chương trình kiểm thử đơn vị của tôi" hoặc
"Chạy các chương trình kiểm thử tích hợp"). Gemini sẽ thực thi lệnh phù hợp cho dự án của bạn (ví dụ:
npm testhoặc một lệnh chạy chương trình 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 gạch chéo trong cuộc trò chuyện
Bạn có thể hướng dẫn kết quả mà cuộc trò chuyện Gemini cung cấp bằng cách sử dụng
các lệnh gạch chéo, các lối tắt có dấu gạch chéo lên (/) ở đầu. Nhập /
ở đầu câu lệnh trò chuyện Gemini rồi chọn
thao tác mà 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 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 gọ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ả 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 ngữ cảnh cho các yêu cầu và câu hỏi mà bạn đặt cho
Gemini, bạn có thể tham khảo các tệp và thư mục cụ thể bằng cách sử dụng
ký hiệu @.
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 riêng các chủ đề trong cuộc trò chuyện Gemini của mình bằng cách bắt đầu các chuỗi trò chuyện khác nhau. Sau đó, bạn có thể tham khảo lại các chuỗi trò chuyện trước đó dựa trên chủ đề.
Cách bắt đầu cuộc trò chuyện mới:
Nhấp vào Cuộc trò chuyện mới trong thanh tiêu đề cuộc trò chuyện.
Nhập câu lệnh.
Cách chuyển sang một chuỗi trò chuyện khác:
Nhấp vào Cuộc trò chuyện gần đây trong thanh tiêu đề cuộc trò chuyện.
Chọn chuỗi trò chuyện mà bạn muốn truy cập.
Tiếp tục chuỗi trò chuyện đó hoặc tham khảo lại các cuộc trò chuyện trước đó với Gemini.
Cách xoá một chuỗi trò chuyện:
Chọn chuỗi trò chuyện mà bạn muốn xoá trong phần Cuộc trò chuyện gần đây trong thanh tiêu đề cuộc trò chuyện.
Nhấp vào Xoá cuộc trò chuyện trong thanh tiêu đề 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 tài liệu 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 gốc và các giấy phép liên quan. Bạn có thể xem nhật ký đầy đủ các tài liệu 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 đề cuộc trò chuyện.
Để tìm hiểu thêm về tài liệu trích dẫn mã của Google, hãy xem bài viết Hỗ trợ tạo mã .
Nhận trợ giúp ngay trong dòng mã từ Gemini
Firebase Studio giúp bạn tăng năng suất bằng các đề xuất về mã có AI hỗ trợ từ Gemini.
Xin lưu ý rằng tính năng tự động hoàn thành mã được bật theo mặc định. Tìm hiểu cách điều chỉnh các chế độ cài đặt này.
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 mã. Để sử dụng tính năng hỗ trợ mã trong dòng mã của Gemini, hãy làm theo các bước sau:
Mở một không gian làm việc trong Firebase Studio.
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+Itrên MacOS).Nhập nội dung mô tả về những gì bạn muốn và 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 sửa lỗi trong mã trong dòng mã.Chọn thực hiện một trong các thao tác sau:
- Để giữ mã được tạo, hãy nhấp vào Chấp nhận.
- Để dán đề xuất ở nơi khác hoặc 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 Huỷ.
- Để tạo một đề 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ỷ.
(Không bắt buộc) Tuỳ chỉnh cách Gemini hỗ trợ bạn bằng cách điều chỉnh các chế độ cài đặt và thêm tệp quy tắc AI. Tìm hiểu thêm.
Xem các lệnh Gemini trong dòng mã
Để xem các lệnh Gemini trong dòng mã cho một 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.
Chọn biểu tượng sparkGemini trong trình đơn rồi chọn thao tác mà bạn muốn thực hiện.
Sử dụng tính năng tự động hoàn thành mã do Gemini đề xuất
Để giúp bạn viết mã, Firebase Studio cung cấp tính năng tự độ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 tự động hoàn thành mã được bật theo mặc định.
Để bật hoặc tắt tính năng tự động hoàn thành mã, hãy điều chỉnh các chế độ cài đặt tự động 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ànhtruehoặcfalse.Cách cập nhật các chế độ cài đặt trong không gian làm việc của Firebase Studio:
Nhấp vào
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 Mac).Nếu bạn đang sử dụng App Prototyping agent trong Prototyper chế độ xem, hãy nhấp vào
Chuyển sang mã để mở Code chế độ xem.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 tự động hoàn thành trong dòng mã .
Để tắt tính năng tự động hoàn thành mã, hãy bỏ chọn tuỳ chọn Bật tính năng tự động hoàn thành mã trong dòng mã khi bạn nhập.