Days
Hours
Minutes
Seconds

Promo Grand Opening

15% OFF

Khusus Pelanggan Baru

Tutorial Sublime Text #5: Mengatur Tampilan Sublime Text

 

 

Sublime Text tidak hanya powerful dalam fungsionalitasnya, tetapi juga sangat fleksibel dalam hal tampilan. Anda bisa mengubah tema warna, skema sintaksis, font, dan bahkan ikon untuk menyesuaikan editor agar sesuai dengan preferensi visual Anda. Tampilan yang nyaman dapat meningkatkan produktivitas dan mengurangi kelelahan mata saat coding.


 

Mengubah Tema Warna (UI Theme)

 

Tema UI (User Interface) mengubah tampilan elemen-elemen non-kode pada Sublime Text, seperti sidebar, tab bar, command palette, dan scrollbars. Sublime Text datang dengan beberapa tema bawaan, dan Anda bisa menginstal lebih banyak lagi melalui Package Control.

Untuk mengubah tema bawaan:

  1. Buka menu Sublime Text (atau Preferences di Windows/Linux).
  2. Pilih Preferences > Select Theme…
  3. Anda akan melihat daftar tema bawaan seperti Adaptive, Default, dan Mariana. Pilih salah satu untuk melihat perubahannya secara instan.

Beberapa tema populer dari komunitas yang bisa Anda instal nanti termasuk Material Theme, Boxy Theme, atau Ayu Theme.


 

Mengubah Skema Warna (Color Scheme)

 

Skema Warna menentukan bagaimana kode Anda diwarnai (syntax highlighting). Ini adalah aspek penting untuk keterbacaan kode. Sublime Text juga memiliki beberapa skema warna bawaan, dan ribuan lainnya tersedia melalui Package Control.

Untuk mengubah skema warna bawaan:

  1. Buka menu Sublime Text (atau Preferences di Windows/Linux).
  2. Pilih Preferences > Color Scheme > [Default].
  3. Pilih dari daftar skema warna seperti Monokai, Mariana, Solarized (Dark), atau Solarized (Light).

Banyak pengembang suka menggunakan skema warna gelap (Monokai adalah favorit klasik) karena dianggap lebih nyaman untuk mata saat coding dalam waktu lama.


 

Mengatur Font dan Ukuran Font

 

Kenyamanan membaca kode sangat dipengaruhi oleh jenis dan ukuran font. Anda dapat mengatur font editor melalui file pengaturan pengguna.

  1. Buka menu Preferences > Settings. Ini akan membuka dua file: Default (read-only) dan User. Anda akan mengedit file User.
  2. Di file User, tambahkan baris berikut di dalam kurung kurawal {}:
    JSON

    {
        "font_face": "Fira Code", // Ganti dengan nama font favorit Anda
        "font_size": 14          // Ganti dengan ukuran font yang Anda inginkan
    }
    
    • font_face: Ganti "Fira Code" dengan nama font yang sudah terinstal di sistem Anda (contoh: Cascadia Code, Hack, Consolas, Monospace).
    • font_size: Atur ukuran font dalam piksel.
  3. Simpan file User. Perubahan akan langsung terlihat.

Tips: Banyak pengembang menyukai font monospace dengan ligature (seperti Fira Code atau Cascadia Code) yang menggabungkan beberapa karakter menjadi satu simbol visual yang lebih mudah dibaca (misalnya, != menjadi ).


 

Mengatur Spasi (Indentation)

 

Konsistensi indentation sangat penting untuk keterbacaan kode. Sublime Text memungkinkan Anda mengaturnya sesuai standar proyek atau preferensi pribadi Anda.

  1. Buka menu Preferences > Settings.
  2. Di file User, tambahkan atau ubah baris berikut:
    JSON

    {
        "tab_size": 4,           // Jumlah spasi untuk setiap indentasi
        "translate_tabs_to_spaces": true // Mengubah tab menjadi spasi (disarankan)
    }
    
    • tab_size: Atur berapa banyak spasi yang setara dengan satu indentasi atau satu tab.
    • translate_tabs_to_spaces: Jika true, ketika Anda menekan Tab, Sublime Text akan memasukkan jumlah spasi yang ditentukan oleh tab_size. Ini adalah praktik terbaik dalam banyak komunitas pemrograman.

 

Lain-lain: Menyembunyikan Mini Map dan Sidebar

 

Jika Anda merasa Mini Map atau Sidebar terlalu mengganggu dan ingin memaksimalkan ruang editing, Anda bisa menyembunyikannya:

  • Menyembunyikan Mini Map: Buka menu View > Hide Mini Map.
  • Menyembunyikan Sidebar: Buka menu View > Hide Sidebar atau gunakan shortcut Ctrl+K, B.

Anda bisa menampilkannya kembali dengan memilih opsi yang sama atau menekan shortcut lagi.


 

Kesimpulan

 

Mengatur tampilan Sublime Text adalah langkah penting untuk menciptakan lingkungan kerja yang personal dan nyaman. Dengan mengubah tema, skema warna, font, dan pengaturan lainnya, Anda tidak hanya membuat editor terlihat lebih menarik tetapi juga lebih fungsional untuk kebutuhan Anda.

Pada tutorial selanjutnya, kita akan membahas salah satu kekuatan terbesar Sublime Text: Package Control dan bagaimana menginstal berbagai plugin untuk memperluas fungsionalitas editor ini.

Wawasan Terbaru

Gemini_Generated_Image_wfw5uwwfw5uwwfw5
Mengenal Dunia Grafis: Dari Piksel Hingga Vektor, Kekuatan Visual di Era Digital
Gemini_Generated_Image_b6dimfb6dimfb6di
Mengenal Foundation: Kerangka Kerja Front-End Profesional untuk Web Responsif
Gemini_Generated_Image_sx3ztpsx3ztpsx3z
CSS
Mempercantik Website dengan CSS: Seniman di Balik Tampilan Web 🎨
Gemini_Generated_Image_e013qke013qke013
Mengenal HTML: Fondasi dari Setiap Halaman Website 🌐
Gemini_Generated_Image_ldki4nldki4nldki
Menyelami Dunia Coding: Seni Berbicara dengan Komputer
Gemini_Generated_Image_dpvliydpvliydpvl
Menguasai GIT: Fondasi Penting dalam Dunia Pengembangan Perangkat Lunak
Gemini_Generated_Image_sqcib9sqcib9sqci
Tutorial Python #12: Mengenal Jenis-jenis Operator dalam Python
Gemini_Generated_Image_o1bw3do1bw3do1bw
Memahami Tipe Data Dictionary dalam Python
Gemini_Generated_Image_ko4ixfko4ixfko4i
Mengenal Tipe Data Set dalam Python
Gemini_Generated_Image_1xop7m1xop7m1xop
Tuple dalam Python: Pengenalan dan Tutorial

Wawasan Serupa

Gemini_Generated_Image_2wj4fi2wj4fi2wj4
Gemini_Generated_Image_qhxj1yqhxj1yqhxj

Ceritakan Detail Proyekmu

Mulai dari 30K aja, solusi IT kamu langsung jalan tanpa drama.

Kata Mereka Tentang Solusi Coding

Dipercaya oleh lebih dari 200++ client untuk menyelesaikan proyeknya dengan total 250++ proyek dari berbagai jenis proyek