VSCode tek ila çift tırnak otomatik değiştirme

Bir Format DocumentVue Component.vue dosyası VSCode üzerinde bir komutu çalıştırdığımda, tüm tek tırnaklı dizeleri çift tırnaklı dizeyle değiştirin.

Benim özel durumumda bu kural, tek alıntı gerektiren elektron-vue tiftik konfigürasyonu ile çelişir.

Daha güzel uzantılara sahip değilim ( prettier.singleQuotebenim ayarımda yok )

Bundan kaçınmak için VSCode nasıl özelleştirilir?

Uzantım prettieryüklü değil, ancak Kullanıcı Ayarıma sıfırdan ekledim olası yinelenen yanıtı okuduktan sonra ( UserSetting.json, Ctrl +, kısayol):

"prettier.singleQuote": true

Yeşil bir uyarı ( Unknown configuration setting) parçası , tek tırnaklar artık değiştirilmez.

Daha güzel uzantının görünmediğinden ancak Vetur uzantısının içine gömülü olduğundan şüpheleniyorum .

Eh, adam gibi (@ user2982122) sözü ancak yerine Dosya için halindeyken Kanunu -> Tercihler -> Ayarlar ve ardından aramaya Alıntı seçin daha güzel ve iki kutuyu

.editorconfigVarsayılan olarak dosya kullanan projeler için . Biçimlendirici, ayarlardaki kuralları yok sayacak ve içindeki kuralları kullanacaktır .editorconfig, ardından şunlardan birini yapabilirsiniz:

• .editorconfigDosyayı kaldırın ve VSCode ayarlarınızı kullanın.
• Ekle quote_type = singleiçin .editorconfigdosya türü ile ilgili dosyanın. Ayrıca quote_typedeğeri doubleveya olarak da ayarlayabilirsiniz auto.

Görünüşe göre bu sorun için açık bir hata var: Prettier Bug

Yukarıdaki çözümlerin hiçbiri benim için işe yaramadı. İşe yarayan tek şey, bu kod satırını package.json içine eklemekti:

"prettier": {
    "singleQuote": true
  },

Vuejs / vetur sorun sayfasından https://github.com/vuejs/vetur/issues/986# Bu çözüm benim için çalıştı.

VSCodes settings.jsondosyasında bu girişi ekleyin

"vetur.format.defaultFormatterOptions": {
    "prettier": {
        "singleQuote": true
    }
},

lütfen .editorconfigher şeyin üzerine yazmayı düşünün , şunu kullanın:

[*]
quote_type = single

Doğru çözüm:

.Prettierrc.js dosyasını ana kök projeme ekliyorum ve yazıyorum

module.exports = {
    singleQuote: true
  };

Benim gibi yeni başlayanlar için:

Üstteki menü Gezinme çubuğundan: Dosya -> Tercihler -> Ayarlar'ı seçin. Arama metin kutusuna Alıntı yazın Aşağıda görünen filtrelenmiş listede, dişli simgesini ve yanında "Daha Güzel" olup olmadığına bakın. "Güzel: Tek Alıntı" özelliğini etkinleştirmek için onay kutusunu tıklayın

Daha güzel uzantı yükleyin ve VSCode settings.jsondosyanıza aşağıdaki kodu yapıştırın

 "prettier.useEditorConfig": false,
 "prettier.singleQuote": true

bu, .editorconfigdosya ayarınızı göz ardı eder .

@Attdona tarafından belirtildiği gibi, Vetur uzantısı daha güzeldir.

Kabul edilen cevaba göre daha güzel ayarları değiştirebilirken, bir vue bileşeninin belirli bölgeleri için formatlayıcıyı da değiştirebilirsiniz.

Burada, örneğin, Vetur'u varsayılan olarak tek tırnaklar kullandığı için vscode-typecript biçimlendiricisini kullanacak şekilde ayarladım:

Typecript kullanıyorum, benim için daha güzel ayarlar altında (vscode tercihlerinde) "Tslint entegrasyonu" bayrağını kontrol ederek çözüldü:

Vscode'da da aynı sorunu yaşadım. Kök dizininizde bir .prettierrc dosyası oluşturun ve aşağıdaki json'u ekleyin. Tek tırnak için şunu ekleyin:

{
  "singleQuote": true
}

Çift tırnak için şunu ekleyin:

  {
      "singleQuote": false
  }

Bu çözümlerden birini deneyin

1. Vscode settings.json dosyasında bu girişi ekleyin "prettier.singleQuote": true
2. Vscode'da dosyanız varsa .editorconfig, bu satırı kök [*] sembolünün altına ekleyinquote_type = single
3. Vscode'da dosyanız varsa .prettierrcbu satırı ekleyin

{
    "singleQuote": true,
    "vetur.format.defaultFormatterOptions": {
        "prettier": {
            "singleQuote": true
        }
    }
}

Benim için çalışan tek çözüm var: ve sadece Angular Projeler için:

Proje ".editorconfig" dosyanıza gidin ve 'quote_type = single' yapıştırın. Umarım sizin için de çalışmalıdır.

.prettierrcProje klasörüme adlı dosyayı ekledim . Dosya içeriği:

{
    "singleQuote": true,
    "vetur.format.defaultFormatterOptions": {
        "prettier": {
            "singleQuote": true
        }
    }
}

Bunu settings.json'da kullanabilirsiniz

"javascript.preferences.quoteStyle": "single"

Bu uzantıyı kullanın.

https://marketplace.visualstudio.com/items?itemName=BriteSnow.vscode-toggle-quotes

cmd '(win / Linux'ta ctrl'), '"`

JSX kullanımı için:

{"jsxSingleQuote": false}

Prettier'daki tek alıntıyı ve tslint.autoFixOnSave'i true olarak kontrol etmek benim için çalışıyor