Visual Studio Code'da boşluk karakteri gibi boşluk karakterleri göstermek mümkün müdür?

Orada bunun için bir seçenek olarak görünmemektedir settings.json(bu bir seçenek olsa Atom.io ) ve ben karakterlerin CSS kullanarak boşluk görüntülemek için edemedik.

VS Kodu 1.6.0 ve Üzeri

Tarafından belirtildiği gibi aşağıda aloisdg , editor.renderWhitespaceçekici bir enum ya şimdi none, boundaryya all. Tüm boşlukları görüntülemek için:

"editor.renderWhitespace": "all", 

VS Kodu 1.6.0'dan Önce

1.6.0 önce, sete vardı editor.renderWhitespaceiçin true:

"editor.renderWhitespace": true

Ana menüden de yapılabilir View -> Render Whitespace

GÜNCELLEME (Haziran 2019)

Bir klavye kısayolu kullanarak boşluk karakterleri arasında geçiş yapmak isteyenler için , kolayca bir tuş bağlama ekleyebilirsiniz .

Visual Studio Code'un en son sürümlerinde artık tüm kullanılabilir klavye kısayollarını görüntülemek ve düzenlemek için kullanıcı dostu bir grafik arabirimi (yani JSON verisi yazmanıza gerek yoktur) vardır. Hala altında

Dosya> Tercihler> Klavye Kısayolları (veya Ctrl+ K Ctrl+ kullanın S)

İstenen tuş bağlantılarını hızlı bir şekilde bulmanıza (ve filtrelemenize) yardımcı olacak bir arama alanı da vardır. Şimdi hem yeni ekleme hem de mevcut tuş bağlantılarını düzenleme çok daha kolay:

Geçiş boşluk karakterlerini hiçbir vardır varsayılan bir tane eklemek için çekinmeyin böylece keybinding. +İlgili satırın sol tarafındaki işarete basın (veya Entero satırın herhangi bir yerine basın veya çift tıklayın) ve açılır pencerede istediğiniz kombinasyonu girin.

Ve seçtiğiniz tuş bağlama zaten bazı eylemler için kullanılıyorsa, tıkladığınız ve seçtiğiniz tuş bağlama işlemlerini zaten kullandığınız şeyleri gözlemleyebileceğiniz uygun bir uyarı olacaktır:

Gördüğünüz gibi, her şey çok sezgisel ve kullanışlı.
Aferin, Microsoft!

Orijinal (eski) cevap

Bir klavye kısayolu kullanarak boşluk karakterleri arasında geçiş yapmak isteyenler için, keybindings.json dosyasına ( Dosya> Tercihler> Klavye Kısayolları ).

Misal :

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

Burada görünmez karakterleri değiştirmek için Ctrl+ Shift+ bir kombinasyonu iatadım, elbette başka bir kombinasyon seçebilirsiniz.

Boşluk karakterlerini Visual Studio Code'da gösterme

Aşağıdaki kodları ekleyerek setting.json dosyasını değiştirin!

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

aynen böyle!
(PS: "gerçek" bir seçenek yoktur! Bile çalışır.)

Sadece editor.renderWhitespace : none||boundary||allVSCode'unuzda yapacağınız değişiklikleri göstermek için bu ekran görüntüsünü ekledim:
.

Nerede Tabolduğunu →ve Spacevardır.

Bu bir değil booleanartık. Bir enum. Şimdi arasından seçim yapabilirsiniz: none, boundary, ve 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",

Orijinal farkı GitHub'da görebilirsiniz .

* Şubat 2020 Sürümü Güncellemesi * bkz. Https://github.com/microsoft/vscode/issues/90386

V1.43 yılında varsayılan değer olarak değiştirilecekselection gelen noneo v1.42 olduğu gibi.

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

V1.37 için güncelleme: yalnızca seçilen metin içinde boşluk oluşturma seçeneği ekleniyor. Bkz. V1.37 sürüm notları, boşluk oluşturma .

editor.renderWhitespaceAyar artık bir destek selectionseçeneği. Bu seçenek ayarlandığında, boşluk yalnızca seçilen metinde gösterilir:

"editor.renderWhitespace": "selection"

ve

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

Dif'in boşluk değerini false olarak git diffayarlamaya benzer şekilde görüntülemesini sağlamak diffEditor.ignoreTrimWhitespaceiçin. edit.renderWhitespacesadece marjinal olarak faydalıdır.

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

Ayarları güncellemek için şu adrese gidin:

Dosya> Tercihler> Kullanıcı Ayarları

Mac kullanıcıları için not: Tercihler menüsü Dosya değil Kod altındadır. Örneğin, Kod> Tercihler> Kullanıcı Ayarları.

Bu, "Varsayılan Ayarlar" başlıklı bir dosya açar. Alanı genişletin //Editor. Artık tüm bu gizemli editor.*ayarların nerede olduğunu görebilirsiniz . (CTRL + F) için arama yapın renderWhitespace. Kutumda var:

// 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",

Karışıklığa eklemek için, sol pencere "Varsayılan Ayarlar" düzenlenemez. "Settings.json" başlıklı sağ pencereyi kullanarak bunları geçersiz kılmanız gerekir . Yapıştırma ayarlarını "Varsayılan Ayarlar" dan "settings.json" a kopyalayabilirsiniz:

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

Sonunda kapandım renderWhitespace .

Boşluğu görünür yapma seçeneği, Görünüm menüsünde bir seçenek olarak, Visual Studio Kodunun 1.15.1 sürümünde "İşleme Boşluğunu Değiştir" olarak görünür.

F1 düğmesine basın, ardından "Render Whitespace'i Değiştir" i veya hatırlayabileceğiniz bölümleri yazın :)

Vscode sürüm 1.22.2 kullanıyorum, bu yüzden bu 2015'te mevcut olmayan bir özellik olabilir.

1. Kullanıcı tercihlerini açın. Klavye Kısayolu: CTR + SHIFT + P-> Tercihler: Kullanıcı Ayarlarını Aç;

2. Boşluk arama alanına ekle ve tüm parametreleri seç