Tab Kod — baca dan sunting kod aplikasi anda
RingkasnyaTab Kod menunjukkan setiap fail aplikasi anda dalam pepohon folder, dengan editor di sebelahnya. Klik fail untuk membacanya, taip untuk mengubahnya dan tekan Simpan (atau ⌘S / Ctrl+S); setiap simpanan menjadi versi yang boleh anda kembali kepadanya. Aplikasi dibina dengan TanStack Start, React dan TypeScript. Kod itu milik anda — muat turun daripada Tetapan projek → Eksport, atau simpan dalam GitHub.
Anda tidak perlu membuka kod langsung — MonstarX menulis dan mengubahnya untuk anda. Tetapi semuanya ada di situ, jelas untuk dilihat, bila-bila masa anda (atau pembangun yang bekerja dengan anda) mahu melihatnya. Tab Kod menunjukkan setiap fail aplikasi anda dan membolehkan anda membuat perubahan sendiri.
Apakah yang ditunjukkan oleh tab Kod?
Bahagian bertajuk “Apakah yang ditunjukkan oleh tab Kod?”Di sebelah kiri, pepohon folder dengan setiap fail aplikasi anda. Di sebelah kanan, fail yang anda pilih, dengan warna untuk kod dan nombor baris.
Pada telefon, ketik nama fail di bahagian atas untuk membuka pepohon itu sebagai helaian.
Di manakah setiap perkara disimpan?
Bahagian bertajuk “Di manakah setiap perkara disimpan?”Anda tidak perlu tahu perkara ini, tetapi ia membantu semasa anda membaca kod:
| Folder atau fail | Kandungannya |
|---|---|
src/routes/ | Satu fail bagi setiap halaman — index.tsx ialah halaman utama, pricing.tsx ialah /pricing. |
src/components/ | Komponen yang digunakan di beberapa halaman, seperti pengepala dan pengaki. |
src/server/ | Kod yang berjalan pada pelayan: menyimpan tempahan, membaca jadual. |
src/db/ | Struktur data aplikasi anda. |
migrations/ | Langkah yang mencipta dan mengubah jadual pangkalan data. |
public/ | Fail yang disajikan seperti sedia ada, seperti ikon. |
src/styles.css | Warna, fon dan gaya lain. |
Dengan apakah aplikasi saya dibina?
Bahagian bertajuk “Dengan apakah aplikasi saya dibina?”Aplikasi yang dibina oleh MonstarX ialah aplikasi web moden yang dibuat dengan:
- TypeScript — JavaScript dengan semakan yang mengesan kesilapan sebelum aplikasi anda berjalan.
- React — cara paling meluas digunakan untuk membina antara muka web.
- TanStack Start — rangka kerja yang menukar halaman React itu menjadi aplikasi lengkap dengan pelayan, supaya halaman dimuatkan dengan pantas dan data anda kekal selamat pada pelayan.
- Tailwind CSS — kit alat gaya untuk warna, jarak dan susun atur.
Inilah juga yang ditunjukkan oleh kad di halaman Projek, contohnya TanStack Start · React · TypeScript. Aplikasi yang anda import mengekalkan teknologi asalnya.
Bagaimanakah saya menyunting fail sendiri?
Bahagian bertajuk “Bagaimanakah saya menyunting fail sendiri?”-
Buka tab Kod dan klik fail dalam pepohon.
-
Klik dalam editor dan buat perubahan anda. Belum disimpan muncul di bahagian atas, bersama Buang dan Simpan.
-
Klik Simpan, atau tekan ⌘S (Mac) atau Ctrl+S (Windows). Pratonton dikemas kini serta-merta.
Setiap simpanan disimpan sebagai versi yang dinamakan Sunting diikuti laluan fail, seperti Sunting src/routes/schedule.tsx, supaya anda boleh kembali jika ada masalah. Jika projek anda dipautkan kepada GitHub dengan penghantaran automatik dihidupkan (lalai), perubahan itu turut dihantar ke sana. MonstarX melihat suntingan anda pada kali seterusnya anda meminta sesuatu.
Buang membuang perubahan anda yang belum disimpan.
Bilakah saya tidak boleh menyunting?
Bahagian bertajuk “Bilakah saya tidak boleh menyunting?”- Semasa MonstarX sedang mengubah aplikasi anda. Fail hanya boleh dibaca sehingga ia selesai: MonstarX sedang mengubah aplikasi anda, jadi fail hanya boleh dibaca sehingga proses selesai.
- Apabila fail berubah selepas anda mula menyunting. Jika MonstarX atau orang lain menyimpan fail itu sementara itu, anda melihat Fail ini berubah selepas anda mula menyunting. dan Simpan menjadi kelabu. Draf anda disimpan sehingga anda membuangnya, jadi anda boleh membandingkan, membuang dan membuat perubahan itu semula.
- Fail yang diurus oleh MonstarX. Dalam aplikasi yang dibina oleh MonstarX, fail tetapan (seperti
package.jsonserta konfigurasi Vite dan TypeScript) dan perkhidmatan terbina dalam untuk akaun, pangkalan data, e-mel, storan dan AI diuruskan oleh MonstarX. Fail-fail ini tiada dalam pepohon, tetapi ada dalam fail zip apabila anda mengeksport. - Akses lihat sahaja. Orang yang dijemput ke projek dengan akses Boleh lihat & komen melihat Lihat sahaja: anda boleh membaca kod tetapi tidak boleh mengubahnya. Orang yang Boleh menyunting boleh menyunting dan menyimpan fail seperti anda.
Bolehkah saya memuat turun kod saya?
Bahagian bertajuk “Bolehkah saya memuat turun kod saya?”Boleh. Kod itu milik anda: anda memiliki apa yang anda bina dengan MonstarX, termasuk kod yang ditulisnya. Ada dua cara untuk membawanya bersama anda:
- Muat turun fail zip — TetapanEksport dalam ruang kerja, kemudian Muat turun .zip. Anda mendapat projek berdiri sendiri yang berjalan pada komputer anda sendiri. Lihat Eksport aplikasi anda.
- Simpan dalam GitHub — pautkan repositori dan setiap perubahan menjadi commit. Lihat GitHub.
Soalan lazim
Bahagian bertajuk “Soalan lazim”Perlukah saya tahu cara mengekod untuk menggunakan MonstarX?
Tidak. Tab Kod ada untuk masa anda mahu melihat. Semuanya boleh dilakukan dengan menerangkan apa yang anda mahu dalam perbualan.
Adakah MonstarX akan membatalkan suntingan saya sendiri?
Tidak. Ia membaca fail seperti keadaannya semasa anda menghantar permintaan seterusnya, termasuk suntingan anda. Jika anda mahu ia tahu sebab anda mengubah sesuatu, sebutkannya dalam perbualan.
Bolehkah saya menambah fail baharu dalam tab Kod?
Tab Kod menyunting fail sedia ada. Minta MonstarX dalam perbualan untuk mencipta halaman atau fail baharu.
Bagaimanakah saya menambah pakej atau pustaka?
Mintalah dalam perbualan — contohnya “Gunakan pustaka pemilih tarikh untuk borang tempahan”. MonstarX menambah pakej untuk anda.
Siapakah pemilik kod yang ditulis oleh MonstarX?
Anda. Syarat MonstarX menyatakan anda memiliki prom, fail, kod dan aplikasi anda, dan anda boleh mengeksportnya pada bila-bila masa.