Tab Kode — baca dan edit kode aplikasi Anda
SingkatnyaTab Kode menampilkan setiap file aplikasi Anda dalam pohon folder, dengan editor di sampingnya. Klik file untuk membacanya, ketik untuk mengubahnya, lalu tekan Simpan (atau ⌘S / Ctrl+S); setiap penyimpanan menjadi versi yang bisa Anda pulihkan. Aplikasi dibangun dengan TanStack Start, React, dan TypeScript. Kodenya milik Anda — unduh dari Pengaturan proyek → Ekspor, atau simpan di GitHub.
Anda tidak perlu membuka kode sama sekali — MonstarX yang menulis dan mengubahnya untuk Anda. Namun semuanya tersedia secara terbuka kapan pun Anda (atau developer yang bekerja dengan Anda) ingin melihatnya. Tab Kode menampilkan setiap file aplikasi Anda dan memungkinkan Anda membuat perubahan sendiri.
Apa yang ditampilkan tab Kode?
Section titled “Apa yang ditampilkan tab Kode?”Di sebelah kiri, pohon folder berisi setiap file aplikasi Anda. Di sebelah kanan, file yang Anda pilih, dengan pewarnaan kode dan nomor baris.
Di ponsel, ketuk nama file di bagian atas untuk membuka pohon folder sebagai panel.
Di mana letak setiap bagian?
Section titled “Di mana letak setiap bagian?”Anda tidak perlu mengetahui ini, tetapi berguna saat ikut membaca kodenya:
| Folder atau file | Isinya |
|---|---|
src/routes/ | Satu file per halaman — index.tsx adalah halaman beranda, pricing.tsx adalah /pricing. |
src/components/ | Bagian yang dipakai di beberapa halaman, seperti header dan footer. |
src/server/ | Kode yang berjalan di server: menyimpan reservasi, membaca jadwal. |
src/db/ | Struktur data aplikasi Anda. |
migrations/ | Langkah-langkah yang membuat dan mengubah tabel database. |
public/ | File yang disajikan apa adanya, seperti ikon. |
src/styles.css | Warna, font, dan gaya tampilan lainnya. |
Aplikasi saya dibangun dengan apa?
Section titled “Aplikasi saya dibangun dengan apa?”Aplikasi yang dibangun MonstarX adalah aplikasi web modern yang dibuat dengan:
- TypeScript — JavaScript dengan pemeriksaan yang menangkap kesalahan sebelum aplikasi berjalan.
- React — cara paling populer untuk membangun antarmuka web.
- TanStack Start — framework yang mengubah halaman React itu menjadi aplikasi lengkap dengan server, sehingga halaman cepat dimuat dan data Anda tetap aman di server.
- Tailwind CSS — perangkat gaya untuk warna, jarak, dan tata letak.
Ini juga yang ditampilkan kartu proyek di halaman Proyek, misalnya TanStack Start · React · TypeScript. Aplikasi yang Anda impor tetap memakai teknologi aslinya.
Bagaimana cara mengedit file sendiri?
Section titled “Bagaimana cara mengedit file sendiri?”-
Buka tab Kode, lalu klik file di pohon folder.
-
Klik di editor dan buat perubahan Anda. Belum disimpan muncul di bagian atas, dengan tombol Buang dan Simpan.
-
Klik Simpan, atau tekan ⌘S (Mac) atau Ctrl+S (Windows). Pratinjau langsung diperbarui.
Setiap penyimpanan disimpan sebagai versi yang diberi nama Edit dan jalur file-nya, misalnya Edit src/routes/jadwal.tsx, jadi Anda bisa kembali jika ada yang salah. Jika proyek Anda tertaut ke GitHub dengan push otomatis aktif (bawaannya aktif), perubahan juga dikirim ke sana. MonstarX melihat hasil edit Anda saat berikutnya Anda memintanya mengerjakan sesuatu.
Buang menghapus perubahan yang belum disimpan.
Kapan saya tidak bisa mengedit?
Section titled “Kapan saya tidak bisa mengedit?”- Saat MonstarX sedang mengubah aplikasi Anda. File hanya bisa dibaca sampai MonstarX selesai: MonstarX sedang mengubah aplikasi Anda. File hanya dapat dibaca sampai proses selesai.
- Saat file berubah setelah Anda mulai mengedit. Jika MonstarX atau orang lain menyimpan file itu sementara Anda mengedit, Anda melihat File ini berubah setelah Anda mulai mengedit. dan Simpan berwarna abu-abu. Draf Anda tetap disimpan sampai Anda membuangnya, jadi Anda bisa membandingkan, membuang, lalu membuat perubahan itu lagi.
- File yang dikelola MonstarX. Di aplikasi yang dibangun MonstarX, file pengaturan (seperti
package.jsonserta konfigurasi Vite dan TypeScript) dan layanan bawaan untuk akun, database, email, penyimpanan, dan AI diurus oleh MonstarX. File-file itu tidak ada di pohon folder, tetapi ada di file zip saat Anda mengekspor. - Akses lihat saja. Orang yang mendapat akses Dapat melihat & berkomentar melihat Hanya lihat: Anda dapat membaca kode, tetapi tidak dapat mengubahnya. Orang dengan akses Dapat mengedit bisa mengedit dan menyimpan file seperti Anda.
Bisakah saya mengunduh kode saya?
Section titled “Bisakah saya mengunduh kode saya?”Bisa. Kodenya milik Anda: Anda memiliki apa yang Anda bangun dengan MonstarX, termasuk kode yang ditulisnya. Ada dua cara untuk membawanya:
- Unduh file zip — PengaturanEkspor di ruang kerja, lalu Unduh .zip. Anda mendapatkan proyek mandiri yang bisa dijalankan di komputer Anda sendiri. Lihat Ekspor kode Anda.
- Simpan di GitHub — tautkan repositori, dan setiap perubahan menjadi commit. Lihat GitHub.
Pertanyaan umum
Section titled “Pertanyaan umum”Apakah saya perlu bisa coding untuk memakai MonstarX?
Tidak. Tab Kode tersedia untuk saat Anda ingin melihatnya. Semuanya bisa dilakukan dengan menjelaskan keinginan Anda di percakapan.
Apakah MonstarX akan membatalkan hasil edit saya sendiri?
Tidak. MonstarX membaca file apa adanya saat Anda mengirim permintaan berikutnya, termasuk hasil edit Anda. Jika ingin MonstarX tahu alasan Anda mengubah sesuatu, sebutkan di percakapan.
Bisakah saya menambahkan file baru di tab Kode?
Tab Kode hanya mengedit file yang sudah ada. Minta MonstarX di percakapan untuk membuat halaman atau file baru.
Bagaimana cara menambahkan paket kode atau library?
Minta di percakapan — misalnya “Gunakan library pemilih tanggal untuk formulir reservasi”. MonstarX menambahkan paket kode untuk Anda.
Siapa pemilik kode yang ditulis MonstarX?
Anda. Ketentuan MonstarX menyatakan bahwa Anda memiliki prompt, file, kode, dan aplikasi Anda, dan Anda bisa mengekspornya kapan saja.