Kode VS – Cara Mengubah Font

Sangat mudah bagi pengembang untuk meremehkan pentingnya lingkungan kerja mereka. Tidak, kami tidak berbicara tentang kursi, meja, dan warna dinding Anda. Kami berbicara tentang lingkungan kerja virtual Anda.

Membuat editor kode Visual Studio Anda terasa seperti di rumah sangat penting untuk efisiensi kerja Anda. Font ini mencakup sebagian besar nuansa VS secara keseluruhan. Dalam artikel ini, kami akan mengajari Anda cara mengedit font di berbagai bagian editor VS Code.

Cara Mengubah Font di VS Code

Bahkan jika Anda adalah seorang pengembang yang telah bekerja dengan VS untuk waktu yang lama sekarang, Anda mungkin masih tidak tahu tentang opsi perubahan fontnya.

Jika Anda tidak peduli mengapa memilih font Anda sendiri itu penting, langsung saja ke tutorial beberapa paragraf di bawah ini. Namun, ingatlah bahwa alasan untuk mengubah font Anda (diuraikan di bawah) dapat membantu keputusan Anda.

Mengapa font sangat penting di VS? Nah, jika aspek estetika tidak cukup untuk Anda (dan percayalah, setelah berjam-jam dihabiskan di editor kode, itu mulai penting), itu sebenarnya juga tentang fungsionalitas. Jadi, apa yang membuat font “sesuai” untuk VS?

Terutama, Anda ingin perbedaan antara karakter yang mirip menjadi menonjol. Misalnya, dengan mudah membedakan angka 1 dan huruf kecil L dapat secara signifikan mempercepat pengkodean Anda dan menghemat waktu Anda.

Lalu, ada fakta bahwa beberapa pengembang suka menggunakan ligatur. Ligatur adalah beberapa simbol yang disatukan. Ini juga disebut "mesin terbang," dan mereka bisa sangat berarti saat pengkodean.

Tanpa basa-basi lagi, berikut ini cara mengubah keluarga font di VS:

  1. Buka editor VS Anda.

  2. Arahkan ke bagian atas layar dan pilih Mengajukan.

  3. Sekarang, di menu tarik-turun, buka Preferensi >Pengaturan.

  4. Anda sekarang akan melihat Biasanya digunakan bagian dengan menu di sisi kanan layar, Anda dapat mengakses font dari halaman ini atau dengan mengikuti langkah di bawah ini.

  5. Atau, klik Editor Teks > Font dan cari entri default “editor.fontFamily”: “Konsol”.

  6. Kemudian, alih-alih “konsol,” masukkan nama font pilihan Anda.

Ini akan secara otomatis mengubah keluarga font.

Cara Mengubah Ukuran Font di VS Code

Bahkan jika Anda memiliki penglihatan yang sempurna, Anda harus menjaga mata Anda senyaman mungkin saat menulis baris kode. Sama seperti perbedaan antara karakter yang sama penting ketika memilih keluarga font, ukuran font penting untuk membuat pengkodean lebih mudah dilihat dan membantu Anda bekerja lebih efisien.

Tidak ada formula ajaib untuk ukuran font terbaik untuk pengkodean. Idealnya, Anda ingin melihat karakter sejelas mungkin, tetapi Anda juga ingin garisnya pas dengan jendela VS. Jadi, cobalah ukuran font yang berbeda dan temukan yang sempurna yang sesuai dengan kebutuhan pengkodean Anda.

Berikut cara mengubah ukuran font di VS Code:

  1. Navigasikan ke Pengaturan pengguna menu (langkah nomor 3 dalam tutorial font).

  2. Cari "editor.fontSize": 15 baris, ukuran font Anda mungkin diatur ke sesuatu yang berbeda.

  3. Kemudian, alih-alih “15,” masukkan ukuran font pilihan Anda.

Cara Mengubah Font Explorer di VS Code

Fitur Explorer di VS Code berfungsi seperti fitur explorer di sebagian besar aplikasi lain. Ini digunakan untuk mengelola, menelusuri, dan membuka file dan folder untuk mengerjakan proyek Anda. Karena VS Code didasarkan pada folder dan file, Explorer memudahkan Anda untuk memulai – cukup buka file/folder menggunakan VS Code. Ini sesederhana itu.

Anda dapat berharap untuk menggunakan VS Code Explorer sedikit. Jika ukuran font Explorer tidak cocok untuk Anda, Anda akan senang mengetahui bahwa Anda dapat mengubahnya.

  1. Pergi ke Pengaturan pengguna menu lagi.

  2. Temukan "editor.fontSize": 14 entri, ukuran font Anda mungkin berbeda.

  3. Ubah ini ke ukuran font pilihan Anda, 18 digunakan dalam contoh ini.

Cara Mengubah Font Terminal di VS Code

Alih-alih mengganti jendela atau membuat perubahan pada status terminal yang ada, Kode VS memungkinkan Anda untuk menggunakan terminal terintegrasi, yang ditemukan di root proyek/ruang kerja Anda. Tentu saja, Anda mungkin ingin mengubah font di sini untuk kemudahan penggunaan. Berikut cara mengubah font terminal Kode VS:

  1. Arahkan ke folder root proyek/ruang kerja Anda.
  2. Buka setting.json file menggunakan Kode VS. Atau, dalam Kode VS, tekan Ctrl+Shift+P (alih-alih Ctrl, gunakan Command untuk perangkat Mac) dan temukan setting.json mengajukan. File pengaturan json kode VS
  3. Ubah tiga baris yang sesuai menjadi ini:

    “terminal.external.osxExec”: “iTerm.app”,

    “terminal.integrated.shell.osx”: “/bin/zsh”,

    “terminal.integrated.fontFamily”: “D2Coding”,

    Perhatikan bahwa Pengodean D2 adalah contoh. Anda juga dapat memilih font lain yang Anda inginkan.

  4. Simpan pengaturan setelah selesai.

Untuk mengubah ukuran font terminal, navigasikan ke “terminal.integrated.fontSize”: entri dan atur ke preferensi Anda sendiri.

Cara Mengubah Font untuk Komentar di VS Code

Entri komentar kode, secara default, memiliki font yang sama dengan kode lainnya. Mengubah ini membuat mereka menonjol, yang seringkali dapat mencegah jam kerja yang terbuang (mudah untuk melewatkan komentar ketika itu dalam font yang sama dengan yang lainnya di VS). Sesederhana hal semacam ini mungkin tampak, solusinya sedikit lebih kompleks dari yang Anda harapkan. Juga, hasilnya mungkin tidak ideal, karena ini dapat menyebabkan beberapa masalah penyelarasan. Namun, tidak ada salahnya untuk mencoba:

  1. Buka folder instalasi root untuk VS Code di perangkat Anda.
  2. Navigasikan ke sentuh gaya.css masuk di terminal. Ini akan membuat lembar gaya.
  3. Sekarang, saatnya menambahkan aturan font. Berikut ini contoh gaya:

    .mtk3 {

    font-family: "iosevka";

    ukuran font: 1em;

    gaya font: miring;

    }

  4. Membuka setting.json dan tambahkan entri ini:

    "vscode_custom_css.imports":

    "file:///Users/username/.vscode/style.css"],

  5. Sekarang, unduh plugin Custom CSS dan JS Loader.
  6. Setelah terinstal, gunakan Ctrl+Shift+P perintah dan pastikan plugin diaktifkan.
  7. Mulai ulang Kode VS.
  8. Komentar sekarang harus memiliki font baru.

Cara Mengubah Ukuran Font Sidebar di VS Code

Tidak ada pengaturan dalam Kode VS yang memungkinkan pengguna untuk mengubah ukuran font terminal. Namun, ada solusi, dan ini melibatkan plugin Custom CSS dan JS Loader yang disebutkan.

  1. Di plugin, navigasikan ke detail ekstensi dan ikuti bagian tutorial dengan cermat.
  2. Gunakan logika berikut:

    "vscode_custom_css.imports": ["[masukkan URL file khusus]"]

  3. Lakukan ini untuk setiap file kustom.

Hasilnya akan membuat sidebar Kode VS yang jauh lebih baik dan estetis.

Cara Mengubah Font Menggunakan Sistem Operasi yang Berbeda

Jika Anda membuat kode dalam VS, Anda menggunakan komputer Windows, Mac, atau sistem Linux. Meskipun ketiganya tidak identik dalam hal VS, perbedaannya sebagian besar bermuara pada opsi tombol Ctrl/Cmd dan lokasi default file Kode VS. Jadi, prinsip perubahan font di VS Code hampir sama di semua perangkat.

FAQ tambahan

Mengapa saya tidak bisa mengubah font di VS Code?

Ada banyak kesalahan yang dapat Anda buat di VS Code, dan mengubah font tidak semudah melakukannya di MS Word. Karena Anda akan menggunakan banyak pengkodean untuk mengubah font Kode VS yang sebenarnya, Anda harus tahu tentang pengawasan paling umum yang dilakukan orang. Pastikan bahwa setiap entri dikelilingi oleh tanda kutip. Sebagai contoh, “vscode_custom_css.imports”: [“file:///Users/username/.vscode/style.css”], tidak akan berfungsi kecuali Anda menggunakan tanda kutip. Selain itu, pastikan Anda menggunakan spasi di antara perintah.

Font apa yang digunakan untuk kode di VS Code?

Secara default, font yang digunakan untuk coding di VS Code adalah Consolas. Jika Anda mengikuti panduan ini, Anda dapat mengubah sebagian besar font di VS Code, apakah kita berbicara tentang kode itu sendiri, terminal, komentar, atau fitur penjelajah.

Namun, jika Anda berbicara tentang font yang ditemukan di gambar situs web resmi Kode VS, tidak ada yang dapat memberi tahu Anda yang mana yang digunakan. Kecuali jika pengembang VS Code secara eksplisit mengungkapkan font mana yang digunakan, tidak ada cara untuk mengetahuinya.

Bagaimana cara meretas font Kode VS?

Awalnya, meretas dimaksudkan untuk memodifikasi, tetapi, jika yang Anda maksud adalah menambahkan font Hack ke VS, Anda dapat menambahkannya melalui situs web Hack. Unduh font TrueType dari Hack. Ekstrak file zip yang diunduh. Instal file yang diekstrak. Lalu, pergi ke Tools, diikuti oleh Options. Di menu Opsi, pilih Lingkungan, lalu navigasikan ke Font dan Warna. Buka menu tarik-turun Font dan pilih entri Peretasan.

Font apa yang digunakan peretas?

Sebagai aturan praktis, setiap pembuat kode, termasuk peretas, menggunakan font yang mereka sukai. Contoh bagus dari font populer yang diduga sebagai "pilihan peretas" adalah Ray Bluetens, juga dikenal sebagai Font Lawn Dart.

Mengubah Opsi Font dalam Kode VS

Berurusan dengan opsi font di VS Code jelas tidak semudah mengubah font dalam program editor teks. Namun, mengingat kita berbicara tentang perangkat lunak pengkodean di sini, VS menawarkan berbagai pilihan dibandingkan dengan pesaingnya. Ikuti petunjuk dalam artikel ini dan buat pengalaman pengkodean Anda sepersonal mungkin, ramah pengguna, dan semulus mungkin.

Apakah Anda berhasil mengedit pengaturan font Anda di VS Code? Apakah Anda mengalami masalah? Gulir ke bawah dan lihat bagian komentar kami di bawah. Itu penuh dengan nasihat yang bagus. Jangan menahan diri untuk mengajukan pertanyaan Anda sendiri atau memulai diskusi. Komunitas kami dengan senang hati membantu.

Tulisan Terbaru

$config[zx-auto] not found$config[zx-overlay] not found