Kembangkan aplikasi di cloud dengan Project IDX – Beragampengetahuan

Dalam beberapa tahun terakhir, IDE berbasis cloud terus meningkat, dan beragam opsi bermunculan, seperti CodeSandBox, Replit, StackBlitz, dll. IDE berbasis cloud memungkinkan pemrograman tanpa memerlukan mesin spesifikasi pengembang khusus karena dijalankan langsung di browser. Mereka memberikan kebebasan penuh untuk menulis perangkat lunak kapan saja dan di mana saja. IDE ini secara tradisional sangat bagus dalam membuat demo presentasi dan POC, namun mereka memiliki keterbatasan. Pada Agustus 2023, Google meluncurkan IDE berbasis cloud miliknya sendiri yang disebut Project IDX. Project IDX menyediakan lingkungan pengembangan lengkap untuk mengembangkan aplikasi multi-platform.

Keuntungan dari proyek BEI

Project IDX memiliki beberapa keunggulan utama dibandingkan IDE berbasis cloud utama lainnya:

Kode OSS

Project IDX memiliki editor IDE yang familiar, mirip dengan Visual Studio Code, yang sudah biasa digunakan oleh beberapa pengembang. Ia menggunakan platform sumber terbuka yang sama, Code OSS, tempat VS Code dikembangkan. Ini juga memungkinkan plugin VS Code untuk diimpor ke editor proyek IDX.

Mesin virtual Debian

Setiap ruang kerja Project IDX berjalan pada VM berbasis Debian Linux miliknya sendiri. Pengembang dapat menginstal alat pilihan mereka menggunakan terminal pada mesin virtual ini. Mesin virtual mulai dan berhenti secara otomatis sesuai kebutuhan. Hal ini memungkinkan setiap ruang kerja memiliki kemampuan pengembangan penuh yang tidak bergantung pada mesin pengguna akhir. Hal ini memiliki keuntungan utama karena ruang kerja Project IDX tidak bersaing untuk mendapatkan sumber daya di komputer lokal, sekaligus memungkinkan pengembang membuat kode menggunakan seperangkat alat yang sudah dikenal.

Isi ulang langsung

Project IDX menampilkan live preview dari proyek yang sedang dibangun, dan preview tersebut otomatis diperbarui saat pengembang mengetikkan kode.

Templat yang sudah dibuat sebelumnya

Project IDX hadir dengan beberapa templat siap pakai untuk mem-bootstrap aplikasi web baru, backend, aplikasi seluler, proyek AI/ML secara instan, dan banyak lagi. Kemampuan ini memungkinkan pengembang untuk dengan cepat menulis kode fungsional tanpa mengkhawatirkan kode boilerplate awal.

Dukungan kecerdasan buatan bawaan

Ruang kerja Project IDX sangat dipadukan dengan model AI Generatif Google Gemini. Gemini membantu sebagai pelengkap kode dan alat pembuatan di ruang kerja, dan ada juga jendela obrolan khusus untuk obrolan langsung.

Buat aplikasi React baru di proyek IDX

Sekarang setelah Anda memiliki gambaran umum tentang apa itu Project IDX dan fitur utamanya, sekarang saatnya memulai sebuah proyek. Anda dapat memulai aplikasi React baru di Project IDX dengan mengikuti langkah-langkah yang disediakan di bawah ini.

• Gunakan URL ini untuk menavigasi ke Proyek IDX. Anda harus masuk dengan akun Google Anda.
• klik Mulailah tombol. Anda akan diarahkan untuk menerima syarat dan ketentuan. Setelah menerima syarat dan ketentuan, Anda akan diminta untuk mengaktifkan dukungan AI. Ini memungkinkan Anda mendapatkan bantuan dari model Google Gemini GenAI.
• Sekarang Anda akan diarahkan ke halaman tempat Anda dapat memilih template untuk memulai proyek Anda. Anda akan melihat berbagai templat awal, seperti yang ditunjukkan pada ilustrasi yang diberikan sebelumnya (Gambar 2). Anda mungkin perlu mengklik Lihat semua templat tombol dan pergi ke aplikasi web tab untuk melihat template React. klik templat reaksilalu ia akan meminta Anda memberi nama proyek Anda. Pilih nama yang Anda suka, dan secara opsional pilih antara JavaScript dan TypeScript. Setelah itu, pukul membuat Tombol tersebut akan menginisialisasi proyek dan Anda akan melihat detail yang disorot pada gambar di bawah.

• Setelah proyek dikonfigurasi, Anda akan melihat kode dimuat ke dalam editor seperti VS Code serta pratinjau langsung proyek tersebut.
• Membuka app.tsx File dan perbarui kode return Begini caranya.

  // app.tsx
  return (
    <>
      <p>Hello Project IDX React</p>
    </>
  )

• Jendela live reload Anda akan disegarkan dan Anda akan melihat output seperti gambar di bawah.

sebagai kesimpulan

Anda telah mempelajari tentang Project IDX dan fitur utamanya di artikel ini. Selain itu, Anda memulai proyek React baru, memodifikasi kodenya, dan melihat perubahan Anda terlihat secara otomatis. Project IDX lebih dari sekedar editor kode: ini adalah ruang kerja lengkap untuk mengembangkan aplikasi yang kompleks. Lanjutkan menulis fungsionalitas yang Anda inginkan, dan jelajahi lebih banyak templat yang ditawarkan Project IDX agar lebih sesuai dengan kebutuhan Anda.