Yazıyorum TypeScriptve HTMLdosyalarım ve sekmeler boşluklara dönüştürülür.

Benim içinde TypeScriptproje, mekanlara her sekme dönüştürür, mekânların yerine bir sekme kapatmak ve sahip olmak istiyorum.

Bu benim ayarlarım:

{
  "editor.insertSpaces": false
}

DÜZENLEME 1:

.htmlDosyalarda çalışıyor gibi görünüyor , ancak .tsdosyalarda çalışmıyor .

3 seçenek vardır .vscode/settings.json:

// The number of spaces a tab is equal to.
"editor.tabSize": 4,

// Insert spaces when pressing Tab.
"editor.insertSpaces": true,

// When opening a file, `editor.tabSize` and `editor.insertSpaces` will be detected based on the file contents.
"editor.detectIndentation": true

editor.detectIndentationDosyanızdan algılarsa, onu devre dışı bırakmanız gerekir. Yardımcı olmadıysa, daha yüksek önceliğe sahip ayarınız olup olmadığını kontrol edin. Örneğin, Kullanıcı ayarlarına kaydettiğinizde, proje klasörünüzdeki Çalışma alanı ayarları tarafından üzerine yazılabilir.

Güncelleme:

Dosya » Tercihler » Ayarlar'ı açmanız veya kısayolu kullanabilirsiniz:

CTRL+ , (Windows, Linux)

⌘+ , (Mac)

Güncelleme:

Artık bu seçenekleri manuel olarak düzenlemenin bir alternatifi var. Düzenleyicinin sağ alt
tarafındaki Seçici Spaces: 4'e tıklayın :

Mevcut ws'yi sekmeye dönüştürmek istediğinizde, Marketplace'ten uzantı yükleyin
DÜZENLEME:
Mevcut girintiyi boşluklardan sekmelere dönüştürmek için Ctrl+ Shift+ tuşuna basın Pve şunu yazın:

>Convert indentation to Tabs

Bu, tanımlı ayarlara bağlı olarak belgenizin girintisini Sekmeler olarak değiştirecektir.

Sekme ayarlarını değiştirmek için vscode penceresinin sağ alt tarafındaki durum çubuğunda bulunan Ln / Col metninin sağındaki metin alanına tıklayın.

İsim Tab Sizeveya olabilir Spaces.

Mevcut tüm eylemleri ve ayarları içeren bir menü açılacaktır.

Ctrl+ Shift+ P, ardından "Girintiyi Sekmelere Dönüştür"

Boşluk yerine sekme kullanmak istiyorsanız

Bunu dene:

1. Git File➤ Preferences➤ Settingsya da sadece basın Ctrl + ,
2. Gelen Arama ayarları üst uç üzerindeki çubuğuneditor.insertSpaces
3. Şuna benzer bir şey göreceksiniz: Editör: Boşlukları Ekle ve muhtemelen kontrol edilecektir. Aşağıdaki resimde gösterildiği gibi işaretini kaldırmanız yeterli

4. Visual Studio Code'u yeniden yükleyin (Basın F1➤ yazın reload window➤ basın Enter)

Eğer işe yaramazsa şunu deneyin:

Muhtemelen kurulu eklenti JS-CSS-HTML Formatter nedeniyle

( File➤ Preferences➤ adresine giderek Extensionsveya sadece Ctrl + Shift + ' ya basarak kontrol edebilirsiniz X, Etkin listesinde JS-CSS-HTML Biçimlendiriciyi bulacaksınız )

Eğer öyleyse bu eklentiyi değiştirebilirsiniz:

1. Press F1➤ tip Formatter config➤ basın Enter(bu dosyayı açacak formatter.json)
2. Dosyayı şu şekilde değiştirin:

 4|    "indent_size": 1,
 5|    "indent_char": "\t"
——|
24|    "indent_size": 1,
25|    "indentCharacter": "\t",
26|    "indent_char": "\t",
——|
34|    "indent_size": 1,
35|    "indent_char": "\t",
36|    "indent_character": "\t"

3. Bunun kaydet (Go File➤ Saveya da sadece basın Ctrl + S )
4. Visual Studio Code'u yeniden yükleyin (Basın F1➤ yazın reload window➤ basın Enter)

Benim durumumda sorun, Ocak güncellemesinden sonra kurulan JS-CSS-HTML Formatter uzantısıydı. Varsayılan indent_charözellik boşluktur. Onu kaldırdım ve garip davranış durdu.

Bunu resmi vscode ayarından kontrol edin:

// Controls whether `editor.tabSize#` and `#editor.insertSpaces` will be automatically detected when a file is opened based on the file contents.
"editor.detectIndentation": true,

// The number of spaces a tab is equal to. This setting is overridden based on the file contents when `editor.detectIndentation` is on.
"editor.tabSize": 4,

// Config the editor that making the "space" instead of "tab"
"editor.insertSpaces": true,

// Configure editor settings to be overridden for [html] language.
"[html]": {
    "editor.insertSpaces": true,
    "editor.tabSize": 2,
    "editor.autoIndent": false
}

Aşağıdaki ayarlar benim için iyi çalıştı,

"editor.insertSpaces": false,
"editor.formatOnSave": true, // only if you want auto fomattting on saving the file
"editor.detectIndentation": false

Yukarıdaki ayarlar her dosyaya yansıtılacak ve uygulanacaktır. Her dosyayı manuel olarak girintilemenize / biçimlendirmenize gerek yoktur.

Dosya -> Tercihler -> Ayarlar veya sadece Ctrl+ tuşuna basın ,ve boşluk arayın , ardından bu seçeneği devre dışı bırakın:

Değişikliklerin etkili olması için dosyayı yeniden açmam gerekti.

1. Kodunuzu vurgulayın (dosyada)
2. Uygulama penceresinin sağ alt köşesindeki Sekme Boyutuna tıklayın
3. Uygun Girintiyi Sekmelere Dönüştür'ü seçin

Çok sayıda dosyada sekmeleri boşluklara dönüştürmek istiyorsanız, ancak bunları tek tek açmak istemiyorsanız , en soldaki araç çubuğundaki Bul ve Değiştir seçeneğini kullanmanın da aynı şekilde çalıştığını gördüm .

İlk kutuya ( Find), kaynak koddan bir sekme kopyalayıp yapıştırın.

İkinci kutuya ( Replace), kullanmak istediğiniz boşluk sayısını girin (yani 2 veya 4).

Eğer basarsanız ...düğmeyi, sen (yani dahil etmek veya görmezden dizinleri belirtebilirsiniz src/Data/Json).

Son olarak, sonuç önizlemesini inceleyin ve Tümünü Değiştir'e basın . Çalışma alanındaki tüm dosyalar etkilenebilir.

{
  "editor.insertSpaces": true
}

True benim için çalışıyor.