Visual Studio Code - İçe aktarma teklifi ayarını ayarla

Visual Studio Code'da TypeScript'te çalışırken, bir türdeki içe aktarma önerisi (boşluk + nokta tarafından tetiklenen) çift tırnak kullanarak bir içe aktarma oluşturur.

TypeScript linter'ımız, mümkün olduğunda tek tırnakların kullanıldığını doğrular.

Aşağıda görebileceğiniz gibi, öneride çift tırnak işareti var ("@angular / ...")

İçe aktarma ayarını nasıl değiştirebilirim?

VSCode 1.10'dan itibaren, bu (ne yazık ki) henüz mümkün değil. Ancak göründüğü gibi birçok kullanıcı için bir sorundur. VSCode teması bu sorunun farkındadır ve uygulandığında bunu takip edebilirsiniz: https://github.com/Microsoft/TypeScript/issues/13270

Haziran 2018 Güncellemesi

VSCode 1.24'ten (Haziran 2018) bu yana bunun için bir seçenek var!

"typescript.preferences.quoteStyle": "single"

Daha fazla bilgi için bkz .:

https://code.visualstudio.com/updates/v1_24#_preferences-for-auto-imports-and-generated-code

Bu ayarı yapmak için vscode kullanıcı ayarlarınızda aşağıdaki satırı da yapılandırabilirsiniz.

"prettier.singleQuote": true

Düzenleyici yapılandırmasını kullanarak bunu düzelttim, proje kök dizininizde .editorconfig dosyanızı açın (sahip değilseniz, bu dosyayı oluşturun) ve bu satırı [*]

[*]
...
quote_type = single

Gelen wiki mülkünüz tam listesini görebilirsiniz.

VS Code 1.21.1'den itibaren, düzenlemeniz gerekir

/usr/share/code/resources/app/extensions/typescript-basics/snippets/typescript.json

Windows'ta

/ Applications / Visual Studio Code.app/Contents/Resources/app/extensions/typescript-basics/snippets/typescript.json .

Windows 10'da (vscode sürüm 1.30. * (Kullanıcı kurulumu) daha sonra)

* C: \ Kullanıcılar \ <kullanıcı adınız> \ AppData \ Local \ Programs \ Microsoft VS Code \ resources \ app \ extensions \ typescript-basics \ snippetpets \ typescript.json

Bu dosyanın "Harici modülü içe aktar" bölümünde, body array özelliğini değer yapın "import { $0 } from '${1:module}';". Bölüm daha sonra şu şekilde görünecektir:

"Import external module.": {
    "prefix": "import statement",
    "body": [
        "import { $0 } from '${1:module}';"
    ],
    "description": "Import external module."
},

Bu yapılandırmayı destekleyen bir alternatif TypeScript Toolbox'tır .

genGetSet.pathStringDelimiterVarsayılan olarak tek tırnaklı içe aktarmaya sahip olan ayarlanarak yapılandırılabilir .

"Dosya> Tercihler> Ayarlar" a gidin ve ardından bunu kullanıcı ayarlarının altına ekleyin:

"typescript.preferences.quoteStyle": "single",
"javascript.preferences.quoteStyle": "single"

TypeScript 2.5'ten itibaren, dosyadaki ilk içe aktarma veya dışa aktarma deyimi, içe aktarma önerileri kullanılırken tek veya çift tırnak kullanılıp kullanılmadığını belirlemek için taranacaktır.

https://github.com/Microsoft/TypeScript/pull/17750

Dize içinde tek alıntıya izin vermek için vscode kullanıcı ayarlarınızda aşağıdaki satırı da yapılandırabilirsiniz.

Tercihler> Kullanıcı Ayarları'na gidin

"prettier.singleQuote": true

Bu, String'de tek alıntıya izin verir. Aksi takdirde, tüm çift tırnak işaretlerini manuel olarak tek tırnak işaretine değiştirirseniz, kaydederken geri dönecektir. Ayrıca ekleyin

"tslint.autoFixOnSave": true

kaydederken otomatik düzeltmek için.

Bu zaten uygulandı (başka bir yanıtta belirtildiği gibi)! Ancak muhtemelen henüz TypeScript'in en son sürümünü kullanmıyorsunuz.

Çözüm basit:

Sağ alt köşede "TypeScript" ile küçük bir gülen yüz arasında TypeScript sürüm numarasını (örneğin 2.3.4) tıklayın. Ardından, Visual Studio Code yerleşik sürümüne geçin (şu anda 2.5.3).

Bu Visual Studio kodundan sonra , ilk içe aktarma ifadesine bakarak içe aktarma teklifi stilini çıkarır . Küçük bir açılır etiketin yine de çift tırnak göstereceğini unutmayın.

Hata raporu

İlgili çekme isteği :

Bu, kod düzeltmeleriyle eklenen yeni içe aktarmalar için tek veya çift tırnak kullanılıp kullanılmayacağını belirleme yeteneği ekler. Yeni bir içe aktarma eklendiğinde, kaynak dosyanın en üstteki ifadelerini, modül belirticileriyle mevcut ithalat veya ihracat beyanları için tararız. Daha sonra bulduğumuz ilk teklif stilini kullanırız. Dosyada mevcut içe aktarma yoksa, çift tırnak kullanmaya geri döneriz.

Yukarıdaki çözümler benim için işe yaramadı

İşte benim çalışmam, vscode kullandığınızda, "tslint.autoFixOnSave" : true settings.json, dosyayı kaydettiğinizde bu içe aktarma tekliflerini otomatik olarak düzeltir.