Ringkasan editor dasar

Cloud Workstations dilengkapi dengan editor dasar default yang memungkinkan Anda menulis, mem-build, menguji, men-debug, dan menjalankan aplikasi. Editor dasar didasarkan pada project open source Code-OSS, mendukung ekstensi IDE yang disediakan dengan Open VSX Registry, dan dilengkapi dengan ekstensi IDE Cloud Code yang telah diinstal sebelumnya.

Untuk mulai menggunakan editor dasar Cloud Workstations:

  1. Ikuti petunjuk memulai cepat untuk Membuat konfigurasi workstation. Saat diminta untuk memilih Penyesuaian lingkungan, pilih Code OSS (default) sebagai editor kode Anda.
  2. Ikuti petunjuk memulai cepat untuk Membuat workstation menggunakan konfigurasi yang baru saja Anda buat.

  3. Di konsol Google Cloud, buka halaman Cloud Workstations untuk meluncurkan workstation dari browser.

    Buka Cloud Workstations

Panel aktivitas

Panel Aktivitas muncul di samping dan Anda dapat mengakses tampilan yang tersedia di editor dasar Cloud Workstations. Tampilan panel Aktivitas ini adalah sebagai berikut:

  • Explorer: melihat folder dan file di ruang kerja Anda saat ini

  • Telusuri: menelusuri string atau ekspresi reguler di file Anda

  • Kontrol Sumber: mengelola file aplikasi dengan dukungan Git editor dasar Cloud Workstations

  • Debug: men-debug aplikasi dengan menetapkan titik henti sementara dan memeriksa variabel

  • Extensions: menelusuri katalog ekstensi yang menambahkan fitur tambahan ke IDE Anda

  • Cloud Code: membuat dan men-deploy aplikasi Google Cloud langsung dari IDE

  • Setelan: menyesuaikan editor dasar Cloud Workstations agar sesuai dengan alur kerja Anda

Melihat dan mengedit file

Editor kode bawaan yang memungkinkan Anda menjelajahi direktori file serta melihat dan mengedit file di dalam workstation.

Untuk menggunakan editor dasar, ikuti langkah-langkah berikut:

  1. Gunakan Panel Aktivitas untuk beralih antar-tampilan.

  2. Gunakan Editor untuk melihat dan mengedit file Anda.

  3. Gunakan tampilan Penjelajah untuk menjelajahi direktori file, mengupload dan mendownload file, melihat pratinjau aplikasi web di instance virtual machine Cloud Workstations, dan melihat statistik penggunaan.

    Gambar 1. Editor dasar Cloud Workstations

Mengupload dan mendownload file serta direktori

Untuk mengupload atau mendownload file dan direktori di tampilan Code-OSS Explorer, gunakan salah satu metode berikut:

  • Tarik file ke tampilan Penjelajah untuk menambahkannya ke ruang kerja.

  • Buka file dan direktori yang ingin Anda gunakan, klik kanan, lalu pilih Upload atau Download.

    Gambar 2. Klik kanan di tampilan Explorer untuk mengupload dan mendownload file

Dukungan bahasa

Editor dasar Cloud Workstations mendukung bahasa seperti Go, Python, Java, .NET Core, dan Node.js melalui ekstensi, yang menyediakan fitur bahasa seperti:

  • Penandaan cerdas, saran kode, dan pelengkapan berbasis konteks
  • Linting dan memberikan error deskriptif
  • Navigasi kode (buka definisi, deklarasi, referensi, dan implementasi)
  • Dukungan proses debug yang intuitif

Integrasi Cloud Code

Cloud Code memberikan dukungan IDE untuk siklus pengembangan penuh aplikasi Kubernetes dan Cloud Run, mulai dari membuat dan menyesuaikan aplikasi baru dari aplikasi contoh hingga menjalankan aplikasi yang sudah selesai. Cloud Code juga mendukung Anda sepanjang proses dengan sampel siap pakai, cuplikan konfigurasi, dan pengalaman proses debug yang disesuaikan.

Cloud Code terintegrasi dengan Gemini, kolaborator berteknologi AI, untuk menyederhanakan pengembangan. Gunakan Gemini untuk menyelesaikan tugas dengan lebih efektif dan efisien.

Cloud Code mendukung pengembangan aplikasi di Node.js, Python, Java, Go, dan .NET Core.

Selain menu Cloud Code yang tersedia di status bar Cloud Workstation, Anda juga dapat mengakses perintah Cloud Code melalui palet perintah. Untuk membuka palet perintah, tekan Control+Shift+P (atau Command+Shift+P di macOS), atau klik View > Command Palette.

Dukungan kontrol versi

Editor dasar Cloud Workstations dilengkapi dengan kontrol versi yang telah dikonfigurasi sebelumnya. Anda dapat menginisialisasi repositori, melihat perbedaan antara status file, melakukan staging, membatalkan staging, dan melakukan commit perubahan. Anda juga dapat menggunakan repositori publik, pribadi, atau bahkan yang dihosting sendiri, selama repositori dapat diakses dari workstation.

Pengelolaan Workspace

Dengan Cloud Workstations, Anda dapat mengelola dan mengonfigurasi project sebagai ruang kerja. Ruang kerja biasanya mewakili folder project root Anda dan dengan editor dasar Cloud Workstations, Anda dapat membuat, membuka, dan menyimpan ruang kerja serta menyesuaikannya dengan setelan khusus project.

Untuk membuka folder sebagai ruang kerja, gunakan menu di bagian atas panel aktivitas, lalu pilih File > Open Folder. Atau, Anda dapat menggunakan opsi Open File atau Recent Workspace di Halaman Sambutan editor dasar, atau menggunakan parameter URL folder untuk menentukan jalur folder yang ingin dibuka—misalnya, &folder=/home/user/foo.

Aplikasi debug

Cloud Workstations memungkinkan Anda men-debug aplikasi, dengan dukungan untuk aplikasi Go, Node.js, Python, dan Java. Anda dapat membuat konfigurasi peluncuran, menetapkan titik henti sementara, dan memeriksa variabel, semuanya dalam Cloud Workstations.

Selain itu, Anda dapat men-debug aplikasi Kubernetes di cluster lokal seperti minikube atau Docker Desktop, cluster jarak jauh di GKE, atau penyedia Cloud lainnya.

Terminal terintegrasi

Anda dapat berinteraksi dengan lingkungan pengembangan yang mendasarinya melalui terminal terintegrasi. Gunakan salah satu metode berikut untuk mengaktifkan dan menonaktifkan tampilan terminal:

  • Tekan Control+.
  • Tekan Control+Shift+P (atau Command+Shift+P di macOS), atau klik View > Command Palette, lalu masukkan View: Toggle Terminal.
  • Pilih Terminal > New Terminal.
  • Pilih Tampilan > Terminal.
  • Klik addAdd di daftar tab terminal.

Untuk membuka beberapa jendela terminal, klik Split, atau tekan Control+Shift+5.

Editor kode workstation
Gambar 4. Antarmuka Cloud Workstations dengan terminal terbuka

Mengelola dan menyesuaikan tab terminal

Jika Anda membuka beberapa terminal, daftar tab terminal akan muncul di samping tampilan terminal. Daftar ini berisi nama terminal yang terbuka.

  • Saat Anda memilih nama terminal dalam daftar, ikon Split dan Delete akan muncul. Klik ikon masing-masing untuk memisahkan atau menghapus jendela terminal.

  • Untuk melihat opsi terminal tambahan seperti Pindahkan Terminal ke Area Editor, Ganti Nama, Ubah Warna, Ubah Ikon, dan lainnya, klik kanan pada nama terminal.

    Daftar tab terminal
    Gambar 5. Menyesuaikan terminal

Men-scroll layar

Selain menggunakan mouse saat fokus browser berada di tab sesi, Anda dapat men-scroll dengan menekan Control+Shift+PageUp dan Control+Shift+PageDn di Windows dan Linux (atau Fn+Shift+Up dan Fn+Shift+Down di macOS).

Sesuaikan setelan

Untuk menyesuaikan editor, antarmuka pengguna, dan perilaku fungsional, editor dasar Cloud Workstations menyediakan cakupan berikut untuk menentukan setelan:

  • Setelan Komputer: Setelan yang berlaku secara global saat Anda terhubung ke instance virtual Cloud Workstations dan yang muncul di workstation dalam file $HOME/.codeoss-cloudworkstations/data/Machine/settings.json.

  • Setelan Pengguna: Setelan yang berlaku secara global saat Anda terhubung ke instance virtual Cloud Workstations dan yang tetap ada di penyimpanan browser untuk setiap instance workstation.

  • Setelan Ruang Kerja: Setelan yang disimpan di dalam ruang kerja yang hanya berlaku saat membuka ruang kerja tersebut. Setelan ini muncul dengan file ruang kerja Anda dalam file $WORKSPACE_ROOT/.vscode/settings.json.

Editor mengevaluasi setiap cakupan setelan.

Pintasan keyboard

Karena editor dasar default berjalan di browser, beberapa pintasan keyboard mungkin dicadangkan oleh browser dan tidak diambil oleh editor.

Untuk mendukung semua pintasan keyboard, editor dasar default memaketkan Progressive Web App (PWA) yang memungkinkan editor mengambil pintasan ini.

Untuk menggunakan PWA:

  1. Buka Workstation di browser Anda.
  2. Klik ikon penginstalan yang muncul di kolom URL browser Anda.

PWA kemudian akan diinstal dan Workstation akan dibuka kembali di PWA. Pada pemuatan Workstation berikutnya, browser akan menampilkan opsi untuk membuka kembali Workstation di PWA di kolom URL.