Kode Studio

Teks ini diterjemahkan menggunakan AI. Jika Anda ingin melihat teks asli dalam bahasa Inggris, klik di sini.

Studio Code adalah alat coding agentic yang terintegrasi dalam aplikasi desktop Studio dan Studio CLI.

Alat ini menyediakan chat interaktif untuk membangun, menyesuaikan, dan mengelola situs WordPress secara percakapan, membuat tema dan plugin, mengedit file, menjalankan perintah WP-CLI, menerapkan pratinjau, dan memublikasikan situs Anda.

Memulai

Studio Code tersedia di aplikasi desktop Studio dan sebagai bagian dari paket npm Studio CLI mandiri.

Studio Code di Studio Desktop

Studio Code di aplikasi desktop Studio terintegrasi dalam antarmuka yang ramah dan familier, serta tidak memerlukan dependensi npm.

Buka aplikasi desktop WordPress Studio Anda, klik sebuah situs (atau tambahkan situs baru), lalu klik tab “Studio Code”.

Studio Code di Studio CLI

Jika Anda telah menginstal aplikasi desktop Studio dengan CLI diaktifkan, Anda dapat langsung menggunakan studio code dari terminal.

Jika tidak, Anda dapat menjalankannya langsung dengan npx:

npx wp-studio@latest code

Dan Anda dapat menginstalnya secara global untuk menggunakan studio code secara langsung:

npm i -g wp-studio@latest
studio code

Tekan panah ↓ untuk bekerja di situs Studio lokal Anda, atau ↓ dan → untuk bekerja di situs Anda yang terhubung ke WordPress.com atau Jetpack.

Hubungkan ke WordPress.com

Secara default, Studio Code menggunakan infrastruktur WordPress.com untuk menghasilkan respons AI. Login ke WordPress.com untuk memulai — di aplikasi desktop atau di terminal Anda dengan mengikuti petunjuk di bawah ini:

1. Jalankan studio code di terminal Anda.
2. Ketik /login di chat.
3. Jendela browser akan terbuka. Login ke akun WordPress.com Anda dan setujui koneksinya.
4. Tempel token otorisasi kembali ke terminal untuk menyelesaikan login.

Atau, Anda dapat menggunakan Anthropic API key milik Anda sendiri dengan mengetik /api-key di chat.

Menggunakan Studio Code

Ketik permintaan Anda dalam bahasa sehari-hari, dan agen AI akan menjalankannya untuk Anda, membuat file, menjalankan perintah, dan melakukan perubahan pada situs Anda.

Contoh alur kerja

Buat situs baru dan sesuaikan:

• Buat situs WordPress baru bernama “Portofolio Saya” dengan PHP 8.2
• Buat tema portofolio minimal dengan skema warna gelap
• Tambahkan beranda dengan bagian hero dan grid proyek

Bagikan karya Anda:

• Buat situs pratinjau agar saya dapat membagikannya kepada klien saya
• Perbarui situs pratinjau dengan perubahan terbaru saya

Publikasikan karya Anda:

• Publikasikan situs “My Portfolio” ke examplesite.com

Agen dapat membaca dan menulis file di direktori situs Anda, menjalankan perintah WP-CLI, mengambil tangkapan layar situs Anda, dan mengirim perubahan ke WordPress.com, semuanya berdasarkan instruksi Anda.

Perintah slash

Saat mengobrol, Anda dapat menggunakan perintah slash untuk tindakan cepat:

Model AI

Studio Code mendukung tiga model AI:

• Claude Sonnet 4.6 (default): cepat dan efisien untuk sebagian besar tugas
• Claude Opus 4.8: lebih andal untuk tugas kompleks dengan beberapa langkah
• GPT 5.5: cepat dan efisien untuk sebagian besar tugas, menggunakan OpenAI

Beralih model kapan saja:

• Desktop: pilih dari bagian bawah obrolan di menu drop-down
• Terminal: jalankan perintah /model

Unggahan

Unggah gambar dan file ke Studio Code untuk digunakan di seluruh proyek Anda:

• Desktop: seret ke chat atau klik ikon klip kertas
• Terminal: seret ke chat atau arahkan ke file atau folder lokal tertentu

Percakapan baru

Hapus percakapan Anda dan mulai yang baru:

• Desktop: klik tombol “Percakapan baru”
• Terminal: jalankan perintah /clear

Panduan khusus Terminal

Versi terminal Studio Code memiliki beberapa kemampuan tambahan:

Penyedia AI

Anda dapat memilih bagaimana respons AI dibuat:

• WordPress.com (bawaan): menggunakan akun WordPress.com Anda. Tidak diperlukan penyiapan tambahan selain login. Batasan akan berubah setelah akses awal.
• Anthropic API key: menggunakan API key Anda sendiri untuk akses langsung ke Claude. Atur dengan perintah /api-key.

Ganti penyedia dengan perintah /provider.

Sesi

Studio Code secara otomatis menyimpan riwayat percakapan Anda sehingga Anda dapat melanjutkan dari bagian terakhir yang Anda tinggalkan.

Lanjutkan sesi

studio code sessions list                  # View all saved sessions

studio code sessions resume                # Interactive picker

studio code sessions resume latest         # Resume the most recent session

studio code sessions resume <id>           # Resume a specific session by ID

Hapus sesi

studio code sessions delete                # Interactive picker

studio code sessions delete <id>           # Delete a specific session

Nonaktifkan perekaman sesi

Jika Anda memilih untuk tidak menyimpan percakapan, gunakan flag –no-session-persistence:

studio code --no-session-persistence

Referensi perintah

studio code                                # Start a new chat session

studio code --path /path/to/site           # Start with a specific site directory

studio code --no-session-persistence       # Start without saving the session

studio code sessions list                  # List saved sessions

studio code sessions resume [id]           # Resume a session

studio code sessions delete [id]           # Delete a session

Untuk rangkaian opsi lengkap:

studio code --help