Dùng thử Gemini trong Firebase trong Firebase Studio

Gemini trong Firebase 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 chỉnh sửa 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 trong Firebase 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 các 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 trên Firebase 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 các thiết bị này.

Bạn có thể dùng Gemini trong Firebase khi đang ở 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 trong Firebase

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 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 sử dụng để phản hồi các yêu cầu:

    • Yêu cầu: 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 trong Firebase trợ giúp 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 trò chuyện, bạn có thể đặt câu hỏi Gemini và nhận các đề xuất về mã. Ở chế độ Trợ lý, Gemini thậm chí có thể cập nhật các 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 bất kỳ việc nào sau đây 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. Bản thân công cụ này có thể đề 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 nhiệm vụ phức tạp bằng tính năng trò chuyện

Gemini trong Firebase 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ã 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 chạy 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 chúng 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 tái cấu trúc và đảm bảo các kiểm thử tiếp tục được thông qua.
  • 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 thực thi kiểm thử 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 Gemini trong cuộc trò chuyện trên Firebase tạo 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 trê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à một 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. */

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 với Gemini trong Firebase bằng cách bắt đầu các chuỗi trò chuyện riêng biệt. 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 trong thanh tiêu đề của cuộc trò chuyện.

  2. Chọn chuỗi trò chuyện 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ấn vào biểu tượng Gemini.

Cách xoá một chuỗi tin nhắ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 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 câ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 đề 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 bài viết Hỗ trợ tạo mã.

Nhận trợ giúp trực tiếp từ Gemini trong Firebase

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 tính năng này.

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

Gemini tạo các khối mã hoàn chỉnh có thể có ở dạng nội tuyến. Để 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ể 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ã nội tuyến.

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

    • Để giữ lại mã được 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 trong Firebase trợ giúp 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 các lệnh của Gemini trong Firebase

  1. Để xem các lệnh Gemini nội tuyến 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 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 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 dùng App Prototyping agent trong Prototyper view, click Code switch icon Switch to Code to open Code view.

    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 tự động hoàn thành nội tuyến.

    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.

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 thiết bị đầu cuối của bạn. Gemini CLI thực hiện các tác vụ tương tự như Gemini trong Firebase, nhưng bạn có thể muốn sử dụng Gemini CLI nếu là nhà phát triển dành nhiều thời gian trong thiết bị đầu cuối 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 vào Gemini CLI trong Firebase Studio:

  1. Chuyển sang chế độ xem Mã: Nếu bạn đang làm việc trong Prototyper mode, Code switch icon Switch to Code to open Code view.

  2. Truy cập vào thiết bị đầu cuối: Mở trình đơn biểu tượng menu > Terminal (Thiết bị đầu cuối) > New Terminal (Thiết bị đầu cuối mới).

  3. Mở Gemini CLI: Trong cửa sổ dòng lệnh, hãy nhập lệnh sau:

    gemini

  4. Tuỳ chỉnh: Chọn một giao diện màu bằng cách dùng các phím mũi tên trên bàn phím, sau đó nhấn phím Enter.

  5. Xác thực: Nếu được nhắc, hãy chọn một phương thức xác thực. Để 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 vào thiết bị đầu cuối để 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. Chế độ này hữu ích cho việc tạo 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 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 để đặt câu hỏi hoặc yêu cầu. Bạn có thể hỏi:

  • explain [file_name.js]: Nếu bạn gặp phải mã lạ, hãy 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 nhắc Gemini đề xuất các điểm 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à nội dung tóm tắt ngắn gọn.

Ứng dụng 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 phiên, 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, đây là điểm khởi đầu 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 huỷ các nội dung chỉnh sửa tệp do một công cụ thực hiện.

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