Apakah mungkin untuk menampilkan karakter spasi, seperti karakter spasi, di Visual Studio Code?

Tampaknya tidak ada opsi untuk itu di settings.json(meskipun itu adalah opsi di Atom.io ), dan saya belum dapat menampilkan karakter spasi menggunakan CSS.

Kode VS 1.6.0 dan Lebih Besar

Seperti yang disebutkan oleh aloisdg di bawah ini , editor.renderWhitespacesekarang adalah enum none, boundaryatau all. Untuk melihat semua spasi putih:

"editor.renderWhitespace": "all", 

Sebelum VS Code 1.6.0

Sebelum 1.6.0, Anda harus mengatur editor.renderWhitespaceke true:

"editor.renderWhitespace": true

Itu juga bisa dilakukan melalui menu utama View -> Render Whitespace

UPDATE (Juni 2019)

Bagi mereka yang ingin beralih karakter spasi putih menggunakan pintasan keyboard, Anda dapat dengan mudah menambahkan pengikat tombol untuk itu.

Dalam versi terbaru dari Visual Studio Code sekarang ada antarmuka grafis yang mudah digunakan (yaitu tidak perlu mengetik data JSON dll) untuk melihat dan mengedit semua pintasan keyboard yang tersedia. Masih di bawah

File> Preferensi> Pintasan Keyboard (atau gunakan Ctrl+ K Ctrl+ S)

Ada juga bidang pencarian untuk membantu menemukan (dan memfilter) keybindings yang diinginkan dengan cepat. Jadi sekarang menambahkan baru dan mengedit ikatan kunci yang ada jauh lebih mudah:

Mengganti karakter spasi putih tidak memiliki pengikatan tombol standar, jadi jangan ragu untuk menambahkannya. Cukup tekan +tanda di sisi kiri garis terkait (atau tekanEnter , atau klik dua kali di mana saja pada baris itu) dan masukkan kombinasi yang diinginkan di jendela sembulan.

Dan jika penjilidan kunci yang Anda pilih sudah digunakan untuk beberapa tindakan lain, akan ada peringatan yang nyaman yang dapat Anda klik dan amati tindakan apa yang sudah menggunakan penjilidan kunci yang Anda pilih:

Seperti yang Anda lihat, semuanya sangat intuitif dan nyaman.
Kerja bagus, Microsoft!

Jawaban asli (lama)

Bagi mereka yang ingin beralih karakter spasi putih menggunakan pintasan keyboard , Anda dapat menambahkan pengikatan kustom ke file keybindings.json ( File> Preferensi> Pintasan Keyboard ).

Contoh :

// Place your key bindings in this file to overwrite the defaults
[
    {
        "key": "ctrl+shift+i",
        "command": "editor.action.toggleRenderWhitespace"
    }
]

Di sini saya telah menetapkan kombinasi Ctrl+ Shift+ iuntuk mengganti karakter yang tidak terlihat, Anda tentu saja dapat memilih kombinasi lain.

Tampilkan karakter spasi putih dalam Visual Studio Code

ubah setting.json, dengan menambahkan kode berikut!

// Place your settings in this file to overwrite default and user settings.
{
    "editor.renderWhitespace": "all"
}

seperti ini!
(PS: tidak ada pilihan "benar" !, Bahkan juga berfungsi.)

Hanya untuk menunjukkan perubahan yang editor.renderWhitespace : none||boundary||allakan lakukan untuk Anda VSCode saya menambahkan screenshot ini:
.

Mana Tabyang →dan Spaceyang.

Itu bukan booleanlagi. Mereka beralih ke enum. Sekarang kita dapat memilih antara: none, boundary, dan all.

// Controls how the editor should render whitespace characters,
// posibilties are 'none', 'boundary', and 'all'.
// The 'boundary' option does not render single spaces between words.
"editor.renderWhitespace": "none",

Anda dapat melihat perbedaan asli pada GitHub .

* Perbarui Rilis Februari 2020 * lihat https://github.com/microsoft/vscode/issues/90386

Di v1.43 nilai default akan berubahselection dari noneseperti di v1.42.

"editor.renderWhitespace": "selection"  // default in v1.43

Pembaruan untuk v1.37: menambahkan opsi untuk merender spasi putih hanya dalam teks yang dipilih. Lihat v1.37 catatan rilis, render spasi putih .

The editor.renderWhitespacepengaturan sekarang mendukung selectionpilihan. Dengan opsi ini disetel, spasi putih hanya akan ditampilkan pada teks yang dipilih:

"editor.renderWhitespace": "selection"

dan

"workbench.colorCustomizations": {    
  "editorWhitespace.foreground": "#fbff00"
}

Untuk mendapatkan diff untuk menampilkan spasi sama dengan git diffset diffEditor.ignoreTrimWhitespaceke false. edit.renderWhitespacehanya sedikit membantu.

// Controls if the diff editor shows changes in leading or trailing whitespace as diffs
"diffEditor.ignoreTrimWhitespace": false,

Untuk memperbarui pengaturan, buka

File> Preferensi> Pengaturan Pengguna

Catatan untuk pengguna Mac: Menu Preferensi berada di bawah Kode bukan File. Misalnya, Kode> Preferensi> Pengaturan Pengguna.

Ini membuka file berjudul "Pengaturan Default". Perluas area //Editor. Sekarang Anda dapat melihat di mana semua editor.*pengaturan misterius ini berada. Cari (CTRL + F) untuk renderWhitespace. Di kotak saya, saya punya:

// Controls how the editor should render whitespace characters, posibilties are 'none', 'boundary', and 'all'. The 'boundary' option does not render single spaces between words.
"editor.renderWhitespace": "none",

Untuk menambah kebingungan, jendela kiri "Pengaturan Default" tidak dapat diedit. Anda harus menimpanya menggunakan jendela kanan berjudul "settings.json". Anda dapat menyalin pengaturan tempel dari "Pengaturan Default" ke "settings.json":

// Place your settings in this file to overwrite default and user settings.
{
     "editor.renderWhitespace": "all",
     "diffEditor.ignoreTrimWhitespace": false
}

Saya akhirnya mematikan renderWhitespace.

Pilihan untuk membuat spasi putih terlihat sekarang muncul sebagai opsi pada menu Lihat, sebagai "Toggle Render Whitespace" dalam versi 1.15.1 dari Visual Studio Code.

Tekan tombol F1, lalu ketik "Toggle Render Whitespace" atau bagian yang dapat Anda ingat :)

Saya menggunakan vscode versi 1.22.2 sehingga ini bisa menjadi fitur yang tidak ada pada tahun 2015.

1. Buka preferensi Pengguna. Pintasan Keyboard: CTR + SHIFT + P-> Preferensi: Buka Pengaturan Pengguna;

2. Masukkan bidang pencarian Whitespace , dan pilih semua parameter