Tab Mã nguồn — đọc và sửa mã của ứng dụng
Tóm tắtTab Mã nguồn hiển thị mọi tệp của ứng dụng trong một cây thư mục, kèm trình soạn thảo bên cạnh. Nhấp vào một tệp để đọc, gõ để thay đổi rồi nhấn Lưu (hoặc ⌘S / Ctrl+S); mỗi lần lưu trở thành một phiên bản mà bạn có thể quay lại. Ứng dụng được xây dựng bằng TanStack Start, React và TypeScript. Mã nguồn là của bạn — tải xuống từ Cài đặt dự án → Xuất, hoặc lưu trên GitHub.
Bạn không bao giờ phải mở mã nguồn — MonstarX viết và sửa mã cho bạn. Nhưng mọi thứ đều nằm sẵn ở đó, rõ ràng, bất cứ khi nào bạn (hoặc lập trình viên làm việc cùng bạn) muốn xem. Tab Mã nguồn hiển thị mọi tệp của ứng dụng và cho phép bạn tự thay đổi.
Tab Mã nguồn hiển thị gì?
Phần tiêu đề “Tab Mã nguồn hiển thị gì?”Bên trái là cây thư mục chứa mọi tệp của ứng dụng. Bên phải là tệp bạn đã chọn, có tô màu cú pháp và số dòng.
Trên điện thoại, chạm vào tên tệp ở trên cùng để mở cây thư mục dưới dạng một bảng trượt.
Mỗi thứ nằm ở đâu?
Phần tiêu đề “Mỗi thứ nằm ở đâu?”Bạn không cần biết điều này, nhưng sẽ hữu ích khi bạn đọc mã:
| Thư mục hoặc tệp | Chứa gì |
|---|---|
src/routes/ | Mỗi trang một tệp — index.tsx là trang chủ, pricing.tsx là /pricing. |
src/components/ | Những thành phần dùng trên nhiều trang, như phần đầu trang và chân trang. |
src/server/ | Mã chạy trên máy chủ: lưu một lượt đặt chỗ, đọc lịch lớp học. |
src/db/ | Cấu trúc dữ liệu của ứng dụng. |
migrations/ | Các bước tạo và thay đổi bảng trong cơ sở dữ liệu. |
public/ | Các tệp được phục vụ nguyên trạng, chẳng hạn biểu tượng. |
src/styles.css | Màu sắc, phông chữ và các kiểu hiển thị khác. |
Ứng dụng của tôi được xây dựng bằng gì?
Phần tiêu đề “Ứng dụng của tôi được xây dựng bằng gì?”Ứng dụng MonstarX xây dựng là ứng dụng web hiện đại, được tạo bằng:
- TypeScript — JavaScript có thêm bước kiểm tra để bắt lỗi trước khi ứng dụng chạy.
- React — cách xây dựng giao diện web phổ biến nhất hiện nay.
- TanStack Start — một framework biến các trang React đó thành một ứng dụng hoàn chỉnh có máy chủ, để trang tải nhanh và dữ liệu của bạn được giữ an toàn trên máy chủ.
- Tailwind CSS — bộ công cụ tạo kiểu cho màu sắc, khoảng cách và bố cục.
Đây cũng là những gì thẻ dự án trên trang Dự án hiển thị, ví dụ TanStack Start · React · TypeScript. Ứng dụng bạn đã nhập vẫn giữ nguyên công nghệ ban đầu.
Làm sao để tự sửa một tệp?
Phần tiêu đề “Làm sao để tự sửa một tệp?”-
Mở tab Mã nguồn và nhấp vào tệp trong cây thư mục.
-
Nhấp vào trình soạn thảo và thay đổi. Dòng Chưa lưu xuất hiện ở trên cùng, kèm nút Bỏ và Lưu.
-
Nhấp vào Lưu, hoặc nhấn ⌘S (Mac) hay Ctrl+S (Windows). Bản xem trước cập nhật ngay.
Mỗi lần lưu được giữ lại thành một phiên bản mang tên Chỉnh sửa kèm đường dẫn tệp, chẳng hạn Chỉnh sửa src/routes/lich-tap.tsx, để bạn có thể quay lại nếu có trục trặc. Nếu dự án được liên kết với GitHub và bật tự động đẩy mã (mặc định), thay đổi cũng được đẩy lên đó. MonstarX sẽ thấy chỗ bạn sửa vào lần tới bạn gửi yêu cầu.
Bỏ sẽ hủy những thay đổi chưa lưu của bạn.
Khi nào tôi không sửa được?
Phần tiêu đề “Khi nào tôi không sửa được?”- Khi MonstarX đang thay đổi ứng dụng. Các tệp ở chế độ chỉ đọc cho đến khi xong: MonstarX đang thay đổi ứng dụng của bạn, vì vậy các tệp ở chế độ chỉ đọc cho đến khi hoàn tất.
- Khi tệp đã thay đổi sau khi bạn bắt đầu sửa. Nếu MonstarX hoặc người khác đã lưu tệp trong lúc đó, bạn sẽ thấy Tệp này đã thay đổi sau khi bạn bắt đầu chỉnh sửa. và nút Lưu bị mờ. Bản nháp của bạn được giữ cho đến khi bạn bỏ đi, nên bạn có thể so sánh, bỏ bản nháp và sửa lại.
- Các tệp do MonstarX quản lý. Trong ứng dụng MonstarX xây dựng, các tệp cài đặt (như
package.jsonvà cấu hình Vite, TypeScript) cùng các dịch vụ có sẵn cho tài khoản, cơ sở dữ liệu, email, lưu trữ và AI đều do MonstarX chăm lo. Những tệp này không có trong cây thư mục, nhưng có trong tệp zip khi bạn xuất. - Quyền chỉ xem. Người được chia sẻ dự án với quyền Có thể xem và bình luận sẽ thấy Chỉ xem: bạn có thể đọc mã nhưng không thể sửa. Người có quyền Có thể chỉnh sửa thì sửa và lưu tệp được như bạn.
Tôi có tải mã nguồn xuống được không?
Phần tiêu đề “Tôi có tải mã nguồn xuống được không?”Có. Mã nguồn là của bạn: bạn sở hữu những gì bạn xây dựng bằng MonstarX, kể cả mã nguồn MonstarX viết. Có hai cách mang mã theo:
- Tải tệp zip — Cài đặtXuất trong không gian làm việc, rồi Tải xuống .zip. Bạn nhận được một dự án độc lập chạy được trên máy tính của bạn. Xem Xuất mã nguồn.
- Lưu trên GitHub — liên kết một kho mã và mọi thay đổi sẽ trở thành một commit. Xem GitHub.
Câu hỏi thường gặp
Phần tiêu đề “Câu hỏi thường gặp”Tôi có cần biết lập trình để dùng MonstarX không?
Không. Tab Mã nguồn chỉ ở đó cho lúc bạn muốn xem. Mọi việc đều làm được bằng cách mô tả điều bạn muốn trong cuộc trò chuyện.
MonstarX có hoàn tác những chỗ tôi tự sửa không?
Không. MonstarX đọc các tệp đúng như hiện trạng khi bạn gửi yêu cầu tiếp theo, kể cả những chỗ bạn đã sửa. Nếu muốn MonstarX biết vì sao bạn thay đổi, hãy nói trong cuộc trò chuyện.
Tôi có thể thêm tệp mới trong tab Mã nguồn không?
Tab Mã nguồn chỉ sửa các tệp đã có. Hãy nhờ MonstarX tạo trang hoặc tệp mới trong cuộc trò chuyện.
Làm sao để thêm một gói hoặc thư viện?
Cứ yêu cầu trong cuộc trò chuyện — ví dụ “Dùng một thư viện chọn ngày cho biểu mẫu đặt chỗ”. MonstarX sẽ thêm gói cho bạn.
Ai sở hữu mã nguồn MonstarX viết?
Bạn. Điều khoản của MonstarX nêu rõ bạn sở hữu câu lệnh, tệp, mã nguồn và ứng dụng của mình, và có thể xuất chúng bất cứ lúc nào.