✕

Memulai

Ikhtisar

Spck Editor adalah solusi pengeditan kode seluler dengan beberapa varian yang dirancang untuk pengembang.

Versi

Spck Editor (Gratis)

  • Fungsi dasar pengeditan kode seluler
  • Integrasi library git portabel melalui isomorphic-git

Spck Editor Lite

Harga: Pembayaran satu kali Fitur:

  • Snippet Kustom
  • Keyboard Prediktif
  • Tema Neon Eksklusif

Spck untuk NodeJS

Platform: Eksklusif Android Fitur Utama: Terminal terintegrasi dengan dukungan NodeJS

Versi Browser

  • Dapat disematkan di situs web mana pun
  • Antarmuka pengeditan kode yang ringan

Fitur Utama

  • Desain mobile-first
  • Integrasi Git
  • Kompatibilitas lintas platform

Penggunaan yang Direkomendasikan

  • Pengeditan kode saat bepergian
  • Modifikasi proyek dengan cepat
  • Pembelajaran dan prototyping

Terminologi

Istilah Deskripsi
Menu Navigasi Mengacu pada Tab Pertama pada menu samping di perangkat seluler, menu ini tidak tersedia di versi Browser atau mode Tablet
Menu File Mengacu pada Tab File pada menu samping atau bilah samping
Keyboard Tambahan Pada perangkat seluler ada keyboard tambahan dengan simbol pengkodean yang sering digunakan untuk penyisipan cepat
Keyboard Sentuh Umumnya ini mengacu pada baris tombol yang berisi tombol panah, tombol tab, dan lainnya
Bilah Aksi Sentuh Ini adalah menu mengambang yang muncul di atas kursor ketika teks dipilih pada perangkat seluler/sentuh
Kursor Sentuh Kursor di layar yang muncul pada perangkat seluler/sentuh ketika teks dipilih atau kursor aktif
Mode Tablet Ini mengacu pada pengaturan yang dapat diaktifkan pada perangkat sentuh yang lebih besar seperti tablet
Tombol ⌘ Simbol ini pada Keyboard Sentuh sama dengan tombol Ctrl pada Windows atau tombol Command pada Mac
Tombol ⌥ Simbol ini pada Keyboard Sentuh sama dengan tombol Alt pada Windows atau tombol Option pada Mac

 

 

Pintasan Keyboard

Ikhtisar

Buka efisiensi secepat kilat dengan pintasan keyboard yang praktis ini! Meskipun bukan katalog lengkap, permata ini akan meningkatkan produktivitas Anda dan membuat navigasi menjadi mudah.

Sorotan Utama

  • Tidak lengkap: Pilihan terkurasi dari pintasan paling praktis
  • Tujuan: Meningkatkan alur kerja Anda dengan perintah cepat dan intuitif
  • Manfaat: Menghemat waktu dan mengurangi ketergantungan pada mouse

💡 Tips Pro: Hafalkan pintasan-pintasan ini, dan saksikan produktivitas Anda melonjak! 🌟

Anda dapat melihat daftar lengkap pintasan dengan masuk ke Settings > Editor > Keyboard Shortcuts

Pengguna premium juga dapat mengakses Pintasan Keyboard langsung dari Keyboard Tambahan atau menggunakan pintasan ⌘ K

Aktifkan tombol Ctrl/Command (⌘) dan tombol Alt/Options dengan mengaktifkan Settings > Touch > Show ⌘ Key dan Settings > Touch > Show ⌥ Key

Editor

Pintasan Tindakan
⌘ A Pilih Semua
⌘ C Salin
⌘ V Tempel
⌘ X Potong
⌘ Z Urungkan
⌘ ⇧ Z Kembali
⌘ D Duplikasi Baris
⌘ / Komentar/Hapus Komentar Baris
⌥ F Format Kode
⌘ F Temukan
⌘ G Temukan Berikutnya (Berfungsi dengan teks terpilih)
⌘ ⇧ G Temukan Sebelumnya
⌘ L Lompat ke Baris

Tindakan Cepat

Pintasan Tindakan
⌘ ⇧ C Git Commit
⌘ O Buka File Terbaru
⌘ ⇧ P Luncurkan Pratinjau Proyek
⌘ P Alihkan Pratinjau File (SVG, Markdown)
⌘ K Supporter+: Buka Pintasan

 

 

Pengaturan Sentuh

Keyboard Tambahan

  • Keyboard Tambahan adalah keyboard simbol yang dirancang untuk Perangkat Sentuh.
  • Tombol/Simbol tambahan dapat diakses dengan menekan-tahan tombol yang membuka menu opsi.
  • Anda dapat mengaktifkan atau menonaktifkannya di menu Settings > Touch > Extra Keyboard.

💡 Tips Pro: Lihat Pengeditan Lanjutan untuk tips tentang mengelilingi teks yang kompatibel dengan keyboard Tambahan.

Keyboard Sentuh

  • Tombol Sentuh terdiri dari baris tombol termasuk Tombol Panah, Tombol Command, dan tombol yang sering digunakan lainnya.
  • Fitur ini tersedia pada Perangkat Sentuh.
  • Anda dapat mengaktifkan atau menonaktifkannya di bagian Settings > Touch > Touch Keyboard.

💡 Tips Pro: Anda dapat menyesuaikan tombol individual pada keyboard ini dengan menyesuaikan pengaturan.

Bilah Aksi Sentuh

  • Bilah aksi akan muncul dengan opsi Salin, Potong, dan Tempel ketika teks dipilih.
  • Fitur ini dapat diaktifkan atau dinonaktifkan di Settings > Touch > Touch Action Bar.

Kursor Sentuh

  • Kursor di layar yang muncul ketika teks dipilih atau kursor aktif.
  • Fitur ini dapat diaktifkan atau dinonaktifkan di Settings > Touch > Touch Cursors.

💡 Tips Pro: Tidak disarankan untuk menonaktifkan fitur ini kecuali Anda memiliki mouse/perangkat penunjuk yang dipasangkan dengan perangkat seluler. Menonaktifkan kursor sentuh dapat meningkatkan visibilitas layar saat mengedit dan meningkatkan pengalaman pengeditan saat menggunakan perangkat penunjuk eksternal.

Tombol Prediktif

  • Tombol Prediktif adalah fitur premium yang menggantikan Keyboard Tambahan standar.
  • Menawarkan input simbol satu sentuhan daripada harus tahan-tekan dan pilih di Keyboard Tambahan biasa.
  • Tombol diurutkan berdasarkan frekuensi statistik simbol yang muncul pada posisi tertentu dalam file.
  • Dapat diaktifkan atau dinonaktifkan di Settings > Touch > Predictive Keyboard.

💡 Tips Pro: Tombol Prediktif menggantikan Keyboard Tambahan biasa yang mungkin lebih disukai beberapa pengguna. Tombol Prediktif adalah opsi default dalam versi Lite editor, dan dapat dimatikan untuk mendapatkan kembali Keyboard Tambahan biasa.

 

 

Navigasi File

Ikhtisar

  • Ada beberapa metode untuk menavigasi antar file
  • Anda dapat menavigasi melalui file menggunakan File di menu samping
  • Anda dapat menggunakan breadcrumb untuk menavigasi file mulai dari direktori file saat ini
  • Anda dapat membuka File Terbaru Ctrl-O untuk mencari file dengan cepat
  • Anda dapat menggunakan ikon "Locate" di menu samping File untuk dengan cepat menentukan file saat ini
  • Menu samping Kontrol Sumber dan Pencarian juga menawarkan cara unik untuk menavigasi antar file

Manajemen Tab File

Perilaku Tab

  • File secara otomatis dilepas pinnya ketika pertama kali dibuka
  • Tab menjadi tersemat ketika pengeditan dilakukan

Opsi Pengurutan Tab

File dapat diurutkan berdasarkan:

  • Urutan abjad
  • Ekstensi file
  • Jalur file

Saluran Navigasi Alternatif

  • Menu Kontrol Sumber: Menavigasi file melalui konteks kontrol versi
  • Menu Pencarian: Menemukan dan mengakses file berdasarkan kriteria pencarian

💡 Tips Pro: Tab File dapat dimatikan dari tampilan di Settings > Appearance > Show File Tabs. Lihat Mode Zen untuk memaksimalkan ruang layar pada perangkat yang lebih kecil.

 

 

Pengeditan Lanjutan

Menggunakan keyboard Prediktif secara efisien

Pemilihan Dasar

  • Ketuk dua kali untuk memilih kata atau blok teks

Mengelilingi Teks

Cepat mengelilingi teks yang dipilih menggunakan pasangan kurung atau kutip:

  • Tanda kurung: ( )
  • Kurung siku: [ ]
  • Kurung kurawal: { }
  • Kutip tunggal: ' '
  • Kutip ganda: " "

Navigasi dan Pengeditan

Pencarian Teks

  • ⌘ G: Temukan instance berikutnya
  • ⌘ ⇧ G: Temukan instance sebelumnya

Indentasi

  • Pilih blok teks
  • Tekan Tab untuk indentasi

 

Beberapa Kursor

Pengaturan Cepat

  • Aktifkan beberapa kursor dengan tombol Alt/Option! ✨
  • Navigasi ke Settings > Touch > Show ⌥ Key untuk mengaktifkan

Cara Menggunakan

  1. Pilih kedua tombol ⌥ dan ⌘
  2. Klik untuk menempatkan kursor tepat di mana Anda menginginkannya
  3. Edit beberapa baris secara bersamaan dengan mudah! 💻

💡 Tips Pro: Pengeditan multi-kursor = transformasi kode secepat kilat! ⚡️ Anda juga dapat menambahkan multi-kursor menggunakan perintah command palette Add Cursor Above dan Add Cursor Below yang akan menambahkan kursor langsung di atas atau di bawah posisi kursor saat ini.

 

 

Keterbatasan Git

Ikhtisar

Integrasi Git editor ini didukung oleh isomorphic-git, implementasi Git murni JavaScript yang berjalan sepenuhnya di sisi klien. Meskipun ini memungkinkan operasi Git langsung di browser dan perangkat seluler tanpa server, ini disertai dengan beberapa batasan yang melekat pada menjalankan Git dalam lingkungan JavaScript sandbox.

Batasan Memori

  • Aplikasi seluler biasanya dibatasi sekitar 50MB memori oleh sistem operasi.
  • Operasi Git pada repositori besar mungkin melebihi anggaran ini dan menyebabkan aplikasi dihentikan.
  • Membaca file pack besar (file .pack di .git/objects/pack/) memerlukan pemuatan bagian signifikan ke dalam memori sekaligus, yang tidak layak pada perangkat dengan memori terbatas.
  • Akibatnya, mengkloning atau mengoperasikan repositori besar dapat gagal dengan kesalahan kehabisan memori di seluler.

💡 Tips: Untuk repositori besar, gunakan shallow clone jika memungkinkan, atau pertimbangkan untuk bekerja dengan subset repositori yang lebih kecil.

Kompatibilitas Symlink

  • Tautan simbolis (symlinks) tidak didukung secara native di sandbox browser/seluler untuk alasan keamanan.
  • Editor menggunakan representasi symlink yang diemulasi sebagai solusi sehingga repositori yang berisi symlinks masih dapat di-checkout.
  • Emulasi ini mungkin memiliki masalah kompatibilitas dengan alat yang mengharapkan symlinks sistem file yang nyata (misalnya, beberapa alat build, manajer paket, atau skrip yang menyelesaikan target symlink pada waktu runtime).
  • Repositori yang sangat bergantung pada symlinks mungkin tidak berperilaku identik dengan checkout Git native.

Menggunakan CLI sebagai Alternatif

Batasan ini hanya berlaku untuk klien Git dalam aplikasi. Mereka tidak memengaruhi Spck CLI, yang menggunakan biner Git native pada sistem host:

  • Tidak ada batas memori 50MB — operasi Git hanya dibatasi oleh memori yang tersedia di mesin Anda.
  • File pack besar dan repositori besar ditangani secara native.
  • Symlinks nyata berfungsi sebagaimana mestinya, dengan kompatibilitas penuh dengan alat lain.
  • Semua fitur Git dan perintah plumbing tersedia, bukan hanya subset yang diimplementasikan oleh isomorphic-git.

💡 Tips Pro: Jika Anda sering bekerja dengan repositori besar atau proyek yang bergantung pada symlinks, menggunakan Spck CLI untuk operasi Git (clone, fetch, push) — sambil tetap mengedit file di aplikasi seluler — memberi Anda yang terbaik dari kedua dunia.

 

 

🌟 Mode Zen

Ikhtisar

Mode Zen adalah konfigurasi editor yang menyenangkan dan memaksimalkan ruang yang dirancang untuk mengubah pengalaman pengkodean Anda pada layar yang ringkas.

Mode Zen terdiri dari:

  • Mematikan Show Line Numbers di pengaturan
  • Mematikan Show File Tab
  • Mematikan Touch Action Bar

Fitur Utama

🧘‍♀️ Ruang Layar yang Dimaksimalkan

  • Selamat Tinggal Nomor Baris!
    • Bebaskan ruang horizontal yang berharga
    • Cegah teks terasa sempit
    • Rangkullah tampilan yang bersih dan minimalis

🎨 Antarmuka yang Disederhanakan

  • Minimalisasi Bilah Aksi
    • Ucapkan selamat tinggal pada toolbar yang berantakan
    • Manfaatkan metode input alternatif:
      • Tombol tempel/potong keyboard tambahan
      • Pintasan keyboard (Ctrl-C/Ctrl-V)

📂 Navigasi yang Disederhanakan

  • Penghapusan Tab File
    • Ctrl-O menjadi sahabat navigasi baru Anda
    • Ruang kerja yang lebih bersih
    • Pengalihan konteks yang lebih cepat

💡 Tips Pro: Tidak semua gaya pengkodean sama! Kami merekomendasikan bereksperimen dengan Mode Zen untuk melihat apakah itu cocok dengan alur kerja Anda. Lingkungan pengkodean sempurna Anda hanya beberapa tombol saja! 🌈✨