Çevrimiçi Koddan Parçaya Dönüştürücü Aracı, JavaScript / TypeScript / React / JSX / TSX'i destekler      

Lütfen bir kesit adı girin (name)
Lütfen bir parçacık öneki girin (prefix)
Lütfen bir kesit açıklaması girin (description)
Lütfen kod metnini giriniz (code body)
Nesil Türü
Oluşturulan Parçacık Sonucu

VSCode Kod parçacıkları nasıl kullanılır?


Snippets in Visual Studio Code
VS Code parçacıkları, yaygın olarak kullanılan kod bloklarının eklenmesini otomatikleştirerek kodlama üretkenliğinizi artırmanın güçlü bir yoludur. Bunlar basit metin genişletmeleri veya yer tutucular ve değişkenler içeren daha karmaşık şablonlar olabilir. Bunlardan nasıl yararlanacağınız aşağıda açıklanmıştır:

Parçacık Oluşturma:

Parçacık Ayarlarına Erişim: Dosya > Tercihler > Kullanıcı Parçacıkları'na gidin (macOS'ta Kod > Tercihler > Kullanıcı Parçacıkları). Alternatif olarak, komut paletini kullanın (Ctrl+Shift+P veya Cmd+Shift+P) ve "Tercihler: Kullanıcı Parçacıklarını Yapılandır" yazın.

Bir Dil Seçin: Parçacığınız için bir dil seçmeniz istenecektir (örneğin, javascript.json, python.json, vb.). Bu, parçacığın yalnızca o belirli dil için kullanılabilir olmasını sağlar. Parçacığın tüm dillerde erişilebilir olmasını istiyorsanız bir "Genel Parçacıklar" dosyası da oluşturabilirsiniz.

Parçacığı Tanımlayın: Parçacıklar JSON biçiminde tanımlanır. Her parçacığın bir adı, bir öneki (parçacığı tetiklemek için yazacağınız kısayol), bir gövdesi (eklenecek kod) ve isteğe bağlı bir açıklaması vardır.

Örnek (JavaScript):
{
  "For Loop": {
    "prefix": "forl",
    "body": [
      "for (let i = 0; i < $1; i++) {",
      "  $0",
      "}"
    ],
    "description": "For loop with index"
  }
}
Bu örnekte:

"For Döngüsü": Parçacığın adı (referans olması açısından).
"forl": Önek. "forl" yazıp Tab tuşuna basmak parçacığı ekleyecektir.
"gövde": Eklenecek kod. $1, $2, vb. sekme duraklarıdır (yer tutucular). $0 son imleç konumudur.
"açıklama": IntelliSense önerilerinde gösterilen isteğe bağlı bir açıklama.
Parçacıkları Kullanma:

Öneki Yazın: Doğru dil türündeki bir dosyada, tanımladığınız öneki yazmaya başlayın (ör. forl).

Parçacığı Seçin: VS Code'un IntelliSense'i parçacığı önerecektir. Ok tuşlarıyla veya tıklayarak seçin.

Sekme Duraklarını Kullanın: Sekme durakları ($1, $2, vb.) arasında gezinmek için Tab tuşuna basın ve değerleri girin.

Değişkenler:

Parçacıklar ayrıca $TM_FILENAME, $CURRENT_YEAR vb. gibi değişkenleri de kullanabilir. Tam liste için VS Code belgelerine bakın.

Değişkenlerle Örnek (Python):
{
  "New Python File": {
    "prefix": "newpy",
    "body": [
      "#!/usr/bin/env python3",
      "# -*- coding: utf-8 -*-",
      "",
      "# ${TM_FILENAME}",
      "# Created by: ${USER} on ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE}"
    ]
  }
}
Parçacıklarda ustalaşarak, tekrarlayan yazmayı önemli ölçüde azaltabilir ve kodunuzda tutarlılık sağlayabilirsiniz. Yaygın olarak kullanılan kod kalıpları için kendi parçacıklarınızı oluşturmayı deneyin ve kodlama verimliliğinizin nasıl yükseldiğini görün.