Bagaimana cara mengubah ukuran font lingkungan?


234

Apakah ada cara untuk mengubah ukuran font lingkungan dalam Visual Studio Code? Hal-hal seperti kotak IntelliSense, panel debug, nama file, dll.

Saya tahu cara mengubah ukuran font editor tetapi saya tidak tahu bagaimana cara mengubah ukuran font lingkungan. Jadi saya ingin tahu apakah Anda dapat mengubahnya entah bagaimana.


Anda dapat menemukan apa yang Anda inginkan di settings.json dari menu preferensi. Microsoft memberikan format pengaturan kustomisasi di situs mereka .
Chi-Shan Yu

1
Semua jawaban ini juga mengubah ukuran font editor. Bagaimana saya bisa mengubah ukuran font lingkungan tanpa editor?
mark-hahn

1
Mengejutkan berapa banyak jawaban non bangun terpilih. Jawaban untuk pertanyaan OP tidak ditemukan di sini. Namun begitu banyak mengulangi jawaban yang sama untuk pertanyaan yang sama persis, namun berbeda dari OP.
Pedro Rodrigues

Jawaban:


305

Saat ini tidak dimungkinkan untuk mengubah keluarga font atau ukuran di luar editor. Namun Anda dapat memperbesar atau memperkecil seluruh antarmuka pengguna dari Viewmenu.

Pembaruan untuk rilis VS Code 1.0 kami:

Pengaturan yang baru diperkenalkan window.zoomLevelmemungkinkan untuk mempertahankan level zoom untuk selamanya! Ini dapat memiliki nilai negatif dan positif untuk memperbesar atau memperkecil.


3
apakah ada rencana untuk memilikinya dalam rilis mendatang? dapatkah kita memilihnya? daftar file terlihat sangat kecil dalam resolusi tinggi serta panel debug
Sul Aga

Apakah Anda mencoba aksi zoom in dari menu view?
Benjamin Pasero

sekarang lebih baik. Bisakah Anda menambahkan "solusi" ini ke jawaban Anda sehingga saya dapat menandainya sebagai jawaban. Terima kasih
Sul Aga

jika Anda memperkecil dan bertanya-tanya mengapa kursor menghilang, periksa apakah Anda mengaturnya ke "garis tipis". Menyetelnya ke "line" akan memperbaiki masalah, setidaknya untuk zoom hingga 60%.
Michael Johnston


166

Cukup salin "editor.fontSize": 18ke setting.jsoneditor Anda.

Menekan Control+ Shift+ Pdan kemudian mengetik "pengaturan" akan memungkinkan Anda untuk dengan mudah menemukan file pengaturan pengguna atau ruang kerja.

masukkan deskripsi gambar di sini


16
Ini bekerja dengan baik, tetapi tidak sama dengan keinginan OP, untuk mengubah ukuran seluruh hal tidak hanya di editor teks
Thaina

@StepanSuvorov lihat jawaban baru saya di bawah, saya tahu itu datang terlambat, tepuk tangan
randomguy04

@ randomguy04 masih tidak melihat pintasan untuk mengubah ukuran jawaban Anda
Stepan Suvorov

91

Dalam Visual Studio Code, dengan menekan Ctrl+dan Ctrl-Anda dapat mengubah ukuran font IDE secara keseluruhan. Ini membantu lebih cepat daripada mengubah pengaturan di setiap sesi. Semoga ini bisa membantu ...


4
perhatikan, ini mengubah pengaturan pengguna "window.zoomLevel": 1,
Damian Green

2
Dalam versi terbaru, zoom in adalah Ctrl + =
Ryan Walker

22

Mulai pertengahan 2017 Untuk dengan cepat membuka file pengaturan, tekan ctrl+ shift+ pdan masuk settings, di sana Anda akan menemukan pengaturan pengguna dan pengaturan ruang kerja, perlu diketahui bahwa pengaturan ruang kerja akan menimpa pengaturan pengguna , jadi lebih baik menggunakan yang terakhir secara langsung untuk buat perubahan global (pengaturan ruang kerja akan membuat folder di root proyek Anda), dari sana Anda akan memiliki opsi untuk menambahkan opsi "editor.fontSize": 14ke pengaturan Anda sebagai saran cepat, tetapi Anda bisa melakukannya sendiri dan mengubah nilainya sesuai keinginan Anda ukuran huruf.

Singkatnya:

  1. ctrl+ shift+p

  2. pilih "pengaturan pengguna"

  3. Menambahkan "editor.fontSize": 14


9
ini TIDAK menjawab pertanyaan OP. OP secara khusus meminta perubahan ukuran font lingkungan, bukan font editor.
Chris

Terima kasih atas Umpan Balik @ Chris, namun saya pikir itu menjawab pertanyaan dan memiliki informasi yang diperlukan. jika Anda ingin memilikinya per lingkungan, mengubah pengaturan ruang kerja daripada pengaturan pengguna dan, pengaturan env spesifik Anda akan bertahan dalam .vscodefolder
randomguy04

4
OP meminta environment, seperti semua yang ada di GUI yang tidak ada dalam editor teks Stuff like IntelliSense box, debug panel, file names, etc,. Saya bisa saja salah, tapi saya tidak berpikir OP mengacu pada env yang sedang Anda bicarakan
Chris

20

Cobalah bermain-main dengan kombinasi pengaturan pengguna berikut:

{
  "editor.fontSize": 18,
  "window.zoomLevel": 1.5,
}

ini harus ditambahkan ke dalam jawaban yang diterima. Sangat ringkas dan tepat
Chris

4
"window.zoomLevel": 1.5adalah pilihan yang sangat baik untuk orang tua seperti saya
e2a

Semua jawaban buruk di sini dengan satu ton upvotes, ini akhirnya pendekatan yang tepat.
Tandai

14

Anda dapat memperbesar dan memperkecil seluruh antarmuka pengguna dari menu tampilan.

Saat ini saya menggunakan versi 1.21.1 dan di sana dalam menu tampilan Anda bisa mendapatkan opsi Perbesar dan Perkecil yang merupakan pilihan terakhir ke-2 dan ke-3. Anda dapat melakukannya dengan menggunakan Ctrl+ +dan Ctrl+ -.

Anda dapat mengatur ulang zoom kapan saja dengan memilih opsi Atur Ulang Zoom .


1
Di sini seluruh antarmuka pengguna berarti editor VSCode.
shankar upadhyay

Ya, itu menskalakan seluruh jendela, yang sempurna jika Anda memiliki layar resolusi tinggi
Kirill

14

Setelah Menekan Control+ Shift+ Pseperti yang disarankan oleh @Edwin:

  1. Cari Pengaturan Workspace:

masukkan deskripsi gambar di sini

  1. Lalu "Tempatkan pengaturan Anda di file di sebelah kanan untuk menimpa ... pengaturan default dan pengguna," atau klik tab UserSettings untuk menyesuaikan window.zoomLevel jika itu adalah tindakan yang diinginkan.

masukkan deskripsi gambar di sini


10

Menurut changelog versi 1.2, perintah baru ditambahkan untuk memperbesar dan memperkecil hanya font tetapi keseluruhan UI.

Changelog: https://code.visualstudio.com/updates/v1_24#_font-zoom-commands

Gunakan ikatan kunci berikut untuk mengganti tindakan zoom global standar:

di MacOS:

{ "key": "cmd+numpad_add",      "command": "editor.action.fontZoomIn" },
{ "key": "shift+cmd+=",         "command": "editor.action.fontZoomIn" },
{ "key": "cmd+=",               "command": "editor.action.fontZoomIn" },
{ "key": "cmd+numpad_subtract", "command": "editor.action.fontZoomOut" },
{ "key": "shift+cmd+-",         "command": "editor.action.fontZoomOut" },
{ "key": "cmd+-",               "command": "editor.action.fontZoomOut" },
{ "key": "cmd+numpad0",         "command": "editor.action.fontZoomReset" },
{ "key": "cmd+0",               "command": "editor.action.fontZoomReset" },

di Windows dan Linux:

{ "key": "ctrl+numpad_add",      "command": "editor.action.fontZoomIn" },
{ "key": "shift+ctrl+=",         "command": "editor.action.fontZoomIn" },
{ "key": "ctrl+=",               "command": "editor.action.fontZoomIn" },
{ "key": "ctrl+numpad_subtract", "command": "editor.action.fontZoomOut" },
{ "key": "shift+ctrl+-",         "command": "editor.action.fontZoomOut" },
{ "key": "ctrl+-",               "command": "editor.action.fontZoomOut" },
{ "key": "ctrl+numpad0",         "command": "editor.action.fontZoomReset" },
{ "key": "ctrl+0",               "command": "editor.action.fontZoomReset" },

8
  1. Buka Kode VS
  2. Ketik perintah CTRL + SHFT + P
  3. Ketik Pengaturan
  4. File pengaturan akan terbuka.
  5. Sekarang di bawah Pengguna> Editor Teks> Font, cari Ukuran Font
  6. Masukkan ukuran font yang Anda inginkan

Itu dia.


7

masukkan deskripsi gambar di sini

Saya memiliki set saya untuk "editor.fontSize": 12,

Simpan file, Anda akan melihat efeknya dengan benar.

masukkan deskripsi gambar di sini

Nikmati !


4
bukan itu yang diminta
JohnC

7

Pendekatan sederhana untuk mengubah Ukuran Font di Lingkungan Kerja Visual Studio:

Pergi Ke : File -> Preferensi -> Pengaturan ATAU Tekan CTRL+ ,yaitu CTRL + COMMA.

Ini akan membuka setting.json .

Anda dapat melihat 3 tab di sana:

  1. Pengaturan pengguna
  2. Pengaturan ruang kerja
  3. Pengaturan Folder

Buka Pengaturan Pengguna dan Tambahkan ini:

{
"editor.fontSize": 16
}

Sekarang cukup simpan dan tutup file.

Dalam kode di atas, 16 mewakili ukuran font. Tingkatkan Kurangi sesuai keinginan Anda.


6

(VS Code 1.33.1 pada Windows 7)

Zoom semua (UI dan editor): CTRL + + , CTRL + - .

Editor zoom: CTRL + Roda Mouse.

Lihat di bawah ini bagaimana saya memperbaikinya.

Seperti yang disarankan oleh @Edwin: Menekan Control + Shift + P dan kemudian mengetik "pengaturan" akan memungkinkan Anda untuk dengan mudah menemukan file pengaturan pengguna atau ruang kerja.

File pengaturan saya ditemukan di sini: "C: \ Users \ You_user \ AppData \ Roaming \ Code \ User \ settings.json"

File saya terlihat seperti ini:

{
    "editor.fontSize": 12,
    "editor.suggestFontSize": 6,
    "markdown.preview.fontSize": 0,
    "terminal.integrated.fontSize": 10,
    "window.zoomLevel": 0,
    "workbench.sideBar.location": "left",
    "editor.mouseWheelZoom": true
}

6

Butuh waktu lama bagi saya untuk mengetahui apa yang tidak sengaja saya lakukan ketika jendela kode saya membesar:

Perkecil = Ctrl+ Shift+ ,(koma)

Memperbesar = Ctrl+ Shift+ .(berhenti penuh / titik)

Sebenarnya bukan jawaban untuk pertanyaan yang diposting sama sekali tetapi saya pikir seseorang seperti saya akan berakhir di sini karena gejalanya!


5

Ada banyak opsi untuk mengubah ukuran font dalam kode Visual studio (versi: 1.36.1), Editor

Pilihan 1:

Pergi Ke: File > Preferensi > Pengaturan > pilih tab Pengguna > Editor Teks > Font > Ukuran Font

Ukuran Font: Ubah ukuran font dalam piksel sesuai kebutuhan Anda


Pilihan 2:

Tekan Ctrl+P

Cari: settings.json , Buka file dan tambahkan baris ini di file settings.json :

{
    "editor.fontSize": 20
}

Catatan: Simpan file setelah perubahan


Opsi 3:

Tekan Ctrl+ Shift+P

Cari: Editor Font Memperbesar

  • Cukup klik, ukuran font Anda akan meningkat

Cari: Editor Font Perkecil

  • Cukup klik, ukuran font Anda akan berkurang

4

Sampai sekarang (Maret 2018) & versi 1.21.0, Anda dapat pergi ke Pengaturan, cari 'zoom' dan ubah "editor.mouseWheelZoom": falseyang salah secara default menjadi true. Ini akan memungkinkan untuk memperbesar / memperkecil Kode VS menggunakan tombol kontrol dan mouse - ctrl + scrollUp/scrollDown. Untuk mengubah fontSizeruang kerja / layar VS Code secara keseluruhan, lihat jawaban Alegozalves di atas.


4

Dalam Visual Studio Code, ukuran font dapat dengan mudah diubah dari tab Pengaturan.

Cara paling sederhana untuk melakukan ini adalah dengan menekan Ctrl+ Shift+ Pdan kemudian ketik 'Pengaturan'. Ini akan menunjukkan kepada Anda beberapa hasil. Pilih 'Pengaturan (UI)'. Tab Pengaturan akan dibuka di editor. Sekarang Anda dapat mengubah pengaturan font dari sini. Ini hanya akan memengaruhi font editor.

Atau, Anda juga dapat mengklik ikon pengaturan di bagian kiri bawah jendela dan mencari font dari sana.

masukkan deskripsi gambar di sini

Untuk mengubah ukuran font dari seluruh lingkungan, Anda dapat mempertimbangkan menekan ctrl+ +. Ini akan berfungsi seperti memperbesar ke seluruh lingkungan, menghasilkan peningkatan ukuran font.

Pilih Pengaturan (UI)


3

Tekan Ctrldan menggunakan roda mouse untuk tampilannya Dalam atau Out .


Anda dapat memperbesar dan memperkecil seluruh antarmuka pengguna dari menu tampilan. Tetapi pertanyaannya adalah bagaimana mengubah ukuran font

3

Tekan Ctrl, Shift, Ppada saat yang sama, menu akan muncul, mencari Editor Zoom in. Setelah memilih itu, font akan menjadi lebih besar sedikit banyak.

Ulangi ini sampai Anda mencapai ukuran font yang Anda inginkan.


1

Anda dapat menggunakan editor.fontSizeke dalam setting.jsonfile editor.

sebagai contoh :

{
"editor.fontSize": 14
}
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.