Dùng thử Gemini trong Firebase Studio

Gemini trong Firebase Studio cung cấp tính năng hỗ trợ 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ã, thông qua giao diện dòng lệnh (CLI) và bằng cách sử dụng tính năng trò chuyện. Gemini có thể đưa ra đề xuất về 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 dòng lệnh và diễn giải đầu ra của lệnh.

Bạn có thể bắt đầu sử dụng Gemini ngay lập tức 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ã cùng dòng 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 của tính năng này.

Gemini có sẵn 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 xây dựng.

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ự hỗ trợ 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 tia lửaGemini ở 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 câu lệnh đa phương thức cho Gemini bằng cách nhấp vào Biểu tượng đính kèm Attach rồi chọn một trong các lựa chọn sau:

    • Drawing (Bản vẽ): Sử dụng các công cụ vẽ để thiết kế bản thiết kế dự kiến, sau đó nhập câu lệnh và nhấp vào Send (Gửi).
    • Image (Hình ảnh): Tải hình ảnh lên, thêm câu lệnh, sau đó nhấp vào Send (Gửi).
    • File (Tệp): Chọn một tệp trong không gian làm việc để dùng làm ngữ cảnh, thêm câu lệnh, sau đó nhấp vào Send (Gửi).

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

    • Ask (Hỏi): Tạo kế hoạch. Ở chế độ này, Gemini trả lời các câu hỏi mà không đề xuất thay đổi mã.
    • Agent: 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 không xác nhận.
    • Agent (Auto-run) (Tác nhân (Tự động chạy)):Tự động áp dụng các thay đổi đối với ứng dụng của bạn. Ở chế độ này, Gemini 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 dòng lệnh.

  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 Mang khoá của riêng bạn: Sử 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 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 dự án và mã, đồng thời có thể chạy các lệnh dòng lệnh cho bạn ngay trong không gian làm việc. Gemini có thể hỏi xem có thể thực hiện bất kỳ thao tác nào sau đây cho bạn hay không:

  • Modify files: (Sửa đổi tệp): Gemini có thể thêm một tính năng, sửa 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:

    • Update File (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.
    • Review Changes (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.

  • Run terminal commands: Gemini có thể chạy các lệnh như cài đặt phần phụ thuộc hoặc khởi động máy chủ phát triển. Công cụ 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 Run Terminal Command 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 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ư:

  • Documenting your code: 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 công cụ này "Write my docs."
  • Writing test cases (Viết trường hợp kiểm thử): Gemini có thể tự động cập nhật và tạo chương trình kiểm thử đơn vị. Nếu bạn yêu cầu Gemini để "write my tests" (viết 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ó, công cụ này 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 kiểm thử đó!
  • Managing dependencies: 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 đó trực tiếp từ giao diện trò chuyện.
  • Refactoring code: 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 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 tái cấu trúc và đảm bảo các chương trình kiểm thử tiếp tục thành công.
  • Generating and running Docker workflows (Tạo và chạy quy trình làm việc của Docker): Nếu đã bật Docker trong không gian làm việc, bạn có thể nhanh chóng đóng gói ứng dụng của mình bằng cách yêu cầu Gemini tạo Dockerfile (ví dụ: "Create a Dockerfile for my app" (Tạo Dockerfile cho ứng dụng của tôi)). Sau khi Gemini tạo tệp Docker, công cụ này có thể tạo và chạy vùng chứa cho bạn.
  • Run unit and integration tests (Chạy 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ụ: "Run my unit tests" (Chạy kiểm thử đơn vị của tôi) hoặc "Run integration tests" (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à 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 lệnh dấu gạch chéo, các lối tắt có dấu gạch chéo lên (/) ở phía trước. Nhập / ở đầu câu lệnh trò chuyện Gemini và chọn thao tác bạn muốn trong danh sách các lệnh dấu 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ề nội dung bạn muốn là một lối tắt câu lệnh để tạo đoạn mã.

Dưới đâ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 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 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 riêng các chủ đề khác nhau trong cuộc trò chuyện Gemini 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:

  1. Nhấp vào New Chat (Cuộc trò chuyện mới) trong thanh tiêu đề 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 Recent chats (Cuộc trò chuyện gần đây) trong thanh tiêu đề 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 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:

  1. Chọn chuỗi trò chuyện mà bạn muốn xoá trong phần Recent chats (Cuộc trò chuyện gần đây) ở thanh tiêu đề trò chuyện.

  2. Nhấp vào Delete chat (Xoá cuộc trò chuyện) trong thanh tiêu đề 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 đủ về 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 đề 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à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 trực tiếp từ Gemini

Firebase Studio giúp tăng năng suất của bạn bằng các đề xuất về mã có sự hỗ trợ của AI 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 của tính năng này.

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

Gemini tạo các khối mã hoàn chỉnh có thể có trực tiếp. Để sử dụng tính năng hỗ trợ mã cùng dòng của Gemini 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 và Gemini 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ã cùng dòng.

  4. Chọn thực hiện một trong các lựa chọn sau:

    • Để giữ lại mã được tạo, hãy nhấp vào Accept (Chấp nhận).
    • Để dán đề xuất ở mộ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 Discard (Huỷ).
    • Để tạo một đề xuất mới, hãy nhấp vào Regenerate (Tạo lại).
    • Để xoá hoàn toàn đề xuất, hãy nhấp vào Discard (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 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 trực tiếp

  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 tia lửaGemini trong trình đơn, sau đó chọn thao tác 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ã AI có thể dự đoán và tự động điền mã vào bất kỳ tệp nào đ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 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à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 bánh răng Manage (Quản lý) (nằm ở dưới cùng bên trái của không gian làm việc), sau đó chọn Settings (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 trong Prototyper chế độ xem, hãy nhấp vào Biểu tượng chuyển đổi mã Switch to Code để mở chế độ xem Code.

    2. Chọn thẻ Workspace (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 trực tiếp.

    3. Để tắt tính năng tự động hoàn thành mã, hãy bỏ chọn lựa chọn Enable inline code completion as you type (Bật tính năng tự động hoàn thành mã trực tiếp khi bạn nhập).

Trò chuyện với Gemini bằng Gemini CLI

Gemini CLI là một tác nhân AI nguồn mở mang sức mạnh của các mô hình Gemini của Google trực tiếp vào dòng lệnh. Gemini CLI thực hiện các tác vụ tương tự như Gemini, nhưng bạn có thể thích sử dụng Gemini CLI nếu bạn là nhà phát triển dành nhiều thời gian trong dòng lệnh cho các tác vụ như tạo mã, gỡ lỗi, thực thi lệnh, hoặc quản lý tệp dự án.

Bắt đầu với Gemini CLI

Cách truy cập Gemini CLI trong Firebase Studio:

  1. Swap to Code view (Chuyển sang chế độ xem mã): Nếu bạn đang làm việc ở chế độ Prototyper (Tạo mẫu), hãy nhấp vào biểu tượng Biểu tượng chuyển đổi mã Switch to Code (Chuyển sang chế độ xem mã) để mở chế độ xem Code (Mã).

  2. Access the terminal (Truy cập vào dòng lệnh): Mở trình đơn biểu tượng menu > Terminal (Dòng lệnh) > New Terminal (Dòng lệnh mới).

  3. Open Gemini CLI (Mở): Trong dòng lệnh, hãy nhập lệnh sau:

    gemini

  4. Customize (Tuỳ chỉnh): Chọn một chủ đề màu sắc bằng cách sử dụng các phím mũi tên trên bàn phím, sau đó nhấn Enter.

  5. Authenticate (Xác thực): Chọn một phương thức xác thực. Để nhận giấy phép miễn phí với hạn mức 60 yêu cầu mô hình mỗi phút và 1.000 yêu cầu mỗi ngày mà không mất phí, hãy chọn Login with Google.Gemini Code Assist Để biết thêm thông tin về quy trình xác thực, hãy xem tài liệu này.

Trong tương lai, bạn chỉ cần nhập gemini trong dòng lệnh để truy cập vào Gemini CLI.

Ngoài ra, bạn có thể chạy Gemini CLI ở chế độ không tương tác, hữu ích cho việc viết tập lệnh và tự động hoá. Ở chế độ này, Gemini CLI sẽ tự động thoát sau khi thực thi lệnh mà bạn nhập. Để sử dụng chế độ này, hãy sử dụng cờ --prompt hoặc -p. Ví dụ: 

gemini -p "Create a markdown file that explains my app's architecture"

Sử dụng lệnh với Gemini CLI

Bạn có thể trò chuyện với Gemini CLI để đưa ra câu hỏi hoặc yêu cầu. Bạn có thể hỏi công cụ này:

  • explain [file_name.js]: Nếu bạn gặp phải mã không quen thuộc, hãy sử dụng lệnh này để yêu cầu giải thích. Bạn chỉ cần thay thế [file_name.js] bằng đường dẫn có liên quan hoặc dán mã trực tiếp vào câu lệnh.
  • refactor [code_snippet]: Nâng cao cấu trúc hoặc hiệu quả của mã bằng cách ra lệnh cho Gemini đề xuất các cải tiến về tái cấu trúc.
  • debug "Error: Module not found: 'firebase-admin'": Khi bạn gặp lỗi, hãy cung cấp thông báo lỗi cho Gemini để biết thông tin chi tiết và các giải pháp tiềm năng.
  • summarize "Key features of Firebase Realtime Database": Gemini có thể cung cấp thông tin nghiên cứu nhanh chóng và tóm tắt nội dung ngắn gọn.

Công cụ này cũng hỗ trợ một số lệnh tích hợp sẵn để giúp bạn quản lý phiên, tuỳ chỉnh giao diện và kiểm soát hành vi của công cụ, chẳng hạn như:

  • /help: Nhập lệnh này để xem danh sách đầy đủ các lệnh và lựa chọn có sẵn, đóng vai trò là điểm xuất phát tuyệt vời để khám phá.
  • /chat: Lưu và tiếp tục nhật ký trò chuyện để tạo các cuộc trò chuyện phân nhánh hoặc tiếp tục trạng thái trước đó từ một phiên sau.
  • /tools: Hiển thị danh sách các công cụ có trong Gemini CLI.
  • /restore: Khôi phục các tệp dự án về trạng thái trước khi một công cụ được thực thi. Điều này đặc biệt hữu ích khi hoàn tác các chỉnh sửa tệp do một công cụ thực hiện.

Xem tài liệu Gemini CLI để biết danh sách đầy đủ các lệnh.