settings Settings — Panduan Penggunaan
Panel Settings berisi pengaturan preferensi tampilan, layout, editor, notifikasi, suara, dan pintasan keyboard.
1. Membuka Settings
| Cara | Tindakan |
| Klik ikon gear settings di titlebar | Pilih Settings |
| Tekan Ctrl+, | Langsung buka Settings |
| Klik File → Settings | Dari menu titlebar |
2. Appearance — Tampilan
2.1. Mode Gelap
Toggle Mode gelap untuk mengubah tema aplikasi: ON = tema gelap, OFF = tema terang. Perubahan langsung diterapkan ke seluruh aplikasi.
2.2. Sidebar Ringkas
Toggle Sidebar ringkas untuk membuat layout workspace dashboard lebih sempit: ON = sidebar lebih sempit / area kerja lebih lebar.
3. Workbench — Layout
| Pengaturan | Fungsi |
| Primary Side Bar | Toggle panel sidebar kiri (Explorer / Discovery / dll.) |
| Panel Terminal | Toggle panel terminal di bagian bawah |
| Secondary Side Bar | Toggle panel samping kanan (Outline dan Properties) |
| Reset Layout | Kembalikan semua panel ke posisi dan ukuran awal |
4. Explorer — Pengaturan Sidebar
4.1. Section yang Terbuka Saat Startup
| Section | Deskripsi |
| Workspace | Menu alat workspace |
| Version Control | Menu operasi Git |
| Deployment | Menu deployment |
| Schema Architect | Menu arsitektur skema |
4.2. Activity Bar Default
| Pilihan | Tampilan |
| Explorer | Menu alat (Workspace, Version Control, dll.) |
| Discovery | Jelajahi file |
| Search | Pencarian |
| Source Control | Manajemen repository |
| Packages | Paket ter-install |
| Extensions | Katalog ekstensi |
5. Editor — Pengaturan Tab
- Restore Tabs on Startup — ON: tab yang terbuka sebelumnya akan dipulihkan
- Clear Saved Tabs — Hapus semua data tab yang tersimpan
- Clear Command Palette History — Hapus riwayat pencarian Command Palette
6. Notifications — Notifikasi
Toggle Notifikasi untuk mengaktifkan atau menonaktifkan pemberitahuan sistem dan update workspace.
7. Sound — Suara
- Click sound — Toggle suara saat tombol dan menu diklik
- Volume Level — Menampilkan level volume efek suara saat ini
8. Keyboard Shortcuts — Pintasan Keyboard
| Command | Shortcut |
| Command Palette | Ctrl+Shift+P |
| Settings | Ctrl+, |
| Toggle Dark Mode | (dari menu) |
| Reload Window | Ctrl+R |
| Toggle Developer Tools | F12 |
9. Developer — Info & Alat
Menampilkan versi aplikasi yang sedang berjalan, dan tombol alat:
| Tombol | Fungsi |
| Toggle Developer Tools | Buka/tutup DevTools (alat pengembang) |
| Reload window | Muat ulang jendela aplikasi |
| About | Buka panel informasi aplikasi |
| Open Account | Buka panel akun pengguna |
10. Open Settings (JSON) — setting.json
Tombol Open Settings (JSON) di header Settings membuka file setting.json langsung di editor Discovery. File ini adalah konfigurasi mentah NxCode dalam format JSON dengan komentar (//).
10.1. Explorer
| Key | Tipe | Default | Fungsi |
expogo | boolean | false | Aktifkan mode expo/go untuk development React Native |
explorer | boolean | true | Tampilkan panel Explorer di sidebar |
packages | boolean | false | Tampilkan panel Packages di sidebar |
history | boolean | false | Tampilkan panel History (heatmap aktivitas) di sidebar |
EDGE_RIGHT | boolean | false | Pindahkan secondary sidebar ke sisi kanan layar |
10.2. Appearance
| Key | Tipe | Default | Fungsi |
workbench.colorTheme | string | "dark" | Tema warna — "dark" atau "light" |
workbench.sideBar.compact | boolean | false | Mode sidebar ringkas — true = sidebar lebih sempit |
10.3. Workbench Layout
| Key | Tipe | Default | Fungsi |
workbench.panel.defaultLocation | string | "bottom" | Posisi panel terminal — "bottom" atau "right" |
workbench.activityBar.defaultView | string | "explorer" | Panel yang aktif saat startup — "explorer", "discovery", "packages", dll. |
10.4. Editor
| Key | Tipe | Default | Fungsi |
editor.fontSize | number | 14 | Ukuran font editor dalam pixel |
editor.fontFamily | string | "JetBrains Mono" | Font editor — bisa diisi beberapa font dipisah koma sebagai fallback |
editor.tabSize | number | 2 | Jumlah spasi per tab indentasi |
editor.insertSpaces | boolean | true | true = gunakan spasi; false = gunakan karakter tab |
editor.wordWrap | string | "off" | Word wrap — "off" atau "on" |
editor.lineNumbers | string | "on" | Tampilkan nomor baris — "on" atau "off" |
editor.minimap.enabled | boolean | true | Tampilkan minimap di sisi kanan editor |
editor.formatOnSave | boolean | false | Auto-format kode saat menyimpan file |
editor.restoreTabsOnStartup | boolean | true | Buka kembali tab yang aktif saat terakhir menutup NxCode |
10.5. Terminal
| Key | Tipe | Default | Fungsi |
terminal.integrated.fontSize | number | 13 | Ukuran font di panel terminal |
terminal.integrated.defaultShell | string | "" | Shell default terminal — kosong = ikut system. Contoh: "powershell", "cmd", "bash" |
10.6. Notifications
| Key | Tipe | Default | Fungsi |
workbench.notifications.enabled | boolean | true | Aktifkan notifikasi sistem dan update workspace |
10.7. Server Development
| Key | Tipe | Default | Fungsi |
development.endpoint | string | "" | URL endpoint server development lokal — mis. "http://localhost:8000" |
development.dev_user_id | boolean/string | false | ID user untuk mode development — false = nonaktif |
10.8. Contoh setting.json Lengkap
{
"explorer": true,
"packages": false,
"history": false,
"EDGE_RIGHT": false,
"workbench.colorTheme": "dark",
"workbench.sideBar.compact": false,
"workbench.panel.defaultLocation": "bottom",
"workbench.activityBar.defaultView": "explorer",
"editor.fontSize": 14,
"editor.fontFamily": "\"JetBrains Mono\", \"Fira Code\", monospace",
"editor.tabSize": 2,
"editor.insertSpaces": true,
"editor.wordWrap": "off",
"editor.lineNumbers": "on",
"editor.minimap.enabled": true,
"editor.formatOnSave": false,
"editor.restoreTabsOnStartup": true,
"terminal.integrated.fontSize": 13,
"terminal.integrated.defaultShell": "",
"workbench.notifications.enabled": true,
"development.endpoint": "",
"development.dev_user_id": false
}