VSCode'da özel kod parçacıkları nasıl eklenir?

Visual Studio Code'da özel kod parçacıkları eklemek mümkün mü? Ve eğer öyleyse, nasıl? VSCode Atom tabanlıdır, bu nedenle mümkün olmalıdır.

1. > shift+ command+ pTuşuna basın ve parçacıkları yazın
2. Tercihleri Seçin : Kullanıcı Parçacıklarını Açın
3. Özel parçacığı eklemek istediğiniz dil türünü seçin
4. vscode açıklandığı gibi, ön bilgi eklemek için nasıl açıklamak için yorum yapılmamış:> vsdoc

Diyelim ki, GO dili için özel parçacıklar açmak istiyoruz. O zaman yapabiliriz:

1. Hit> command+p
2. Go.json + yazın enterve özel snippet sayfasına gidersiniz

Parçacıklar, JSON biçiminde tanımlanır ve kullanıcı başına (languageId) .json dosyasında saklanır. Örneğin, Markdown parçacıkları bir markdown.json dosyasına gider.

Yeni araçları güncelleyin:
Snippet oluşturucu site: https://snippet-generator.app/

seçenek - 1: snippet creator adında bir VsCode Eklentisi var ..

Kurduktan sonra yapmanız gereken tek şey:

1. Parçacık yapmak istediğiniz kodu seçin.
2. Üzerine sağ tıklayın ve "Komut Paleti" (veya Ctrl+ Shift+ P) seçeneğini seçin .
3. "Snippet Oluştur" yazın.
4. Snippet kısayolunuzu tetiklemek için izlenmesi gereken dosya türlerini seçin.
5. Parçacık kısayolu seçin.
6. Bir parçacık adı seçin.

seçenek - 2 bu web sitesini kontrol edin . vs kodu, yüce metin ve atom için parçacıklar oluşturabilirsiniz.

Bu sitede snippet oluşturulduktan sonra. İlgili IDE'nin snippet dosyasına gidin ve aynısını yapıştırın. Örneğin, VS kodundaki bir JS parçacığı için Dosya-> tercih-> kullanıcı parçacığına gidin, ardından javascript.json dosyasını açar ve ardından yukarıdaki siteden parçacığı kodunu bunun içine yapıştırın ve gitmemiz iyi olur.

İtibariyle sürümü 0.10.6 özel parçacıkları ekleyebilirsiniz. Kendi Parçacıklarınızı Oluşturma hakkındaki belgeleri okuyun . Json dosyasını içine yerleştirerek özel parçacıklar bulabilir / oluşturabilirsiniz C:\Users\<yourUserName>\AppData\Roaming\Code\User\snippets. Örneğin, özel bir javascript parçacıkları bir\snippets\javascript.json

Ayrıca gerçekten temiz bir özellik olan pasajları da yayınlayabilirsiniz. John Papa, pazarda bir uzantı olarak indirebileceğiniz güzel bir açısal + typcript snippet'i oluşturdu .

İşte bir javascript for döngüsü üzerindeki dokümantasyon için alınan örnek bir snippet:

"For Loop": {
    "prefix": "for",
    "body": [
        "for (var ${index} = 0; ${index} < ${array}.length; ${index}++) {",
        "\tvar ${element} = ${array}[${index}];",
        "\t$0",
        "}"
    ],
    "description": "For Loop"
},

Nerede

• For Loop pasaj adı
• prefixIntelliSense açılır menüsünde kullanılan bir öneki tanımlar. Bu durumda.
• bodypasaj içeriğidir. Olası değişkenler şunlardır:
  • Sekme durakları için 1 $, 2 $
  • Değişkenler için $ {id} ve $ {id: label} ve $ {1: label}
  • Aynı kimliğe sahip değişkenler bağlanır.
• description IntelliSense açılır menüsünde kullanılan açıklamadır

Hızlı kısa bir eğitim için bu videoya göz atabilirsiniz.

https://youtu.be/g1ouTcFxQSU

Git Dosya -> Tercihler -> Kullanıcı Parçacıklar . Tercih ettiğiniz dili seçin.
Şimdi bir for loop snippet'i oluşturmak için aşağıdaki kodu yazın:

  "Create for loop":{
    "prefix": "for",
    "body":[
      "for(int i = 0; i < 10; i++)",
      "{",
      "   //code goes here",
      "}"
    ],
   "description": "Creates a for loop"
  }

Bitirdiniz.
Düzenleyiciye "for" yazın ve ilk tahmini kullanın.

KISAYOL--

1. Snippet-creator uzantısını yükleyin .
   
2. Snippet yapmanız gereken kodu vurgulayın.
   
3. ctrl+ shift+ tuşlarına basın Pve komut paletinde "Parçacık oluştur" yazın ve ENTER tuşuna basın.
   
4. Parçacık oluşturmak istediğiniz dili seçin (örneğin: -CPP), ardından
   parçacık adını yazın, parçacık kısayolunu yazın ve ardından parçacık açıklaması yazın.
   Artık gitmekte iyisin.
   4. adımda girdiğiniz düzenleyiciye parçacık kısayolunu yazın ve ilk gelen
   tahmini seçin (tahmin gelmezse ctrl + boşluk tuşlarına basın).
   

Bu yardımcı olur umarım :)

Not: Dosya-> Tercihler-> Kullanıcı Parçacıklarına gidin. Ardından
parçacığı oluşturduğunuz dili seçin . Snippet'i orada bulacaksınız.

Snippet creator adında bir VsCode Eklentisi var ..

Kurduktan sonra yapmanız gereken tek şey:

1. Parçacık yapmak istediğiniz kodu seçin.
2. Üzerine sağ tıklayın ve "Komut Paleti" (veya Ctrl+ Shift+ P) seçeneğini seçin .
3. "Snippet Oluştur" yazın.
4. Snippet kısayolunuzu tetiklemek için izlenmesi gereken dosya türlerini seçin.
5. Parçacık kısayolu seçin.
6. Bir parçacık adı seçin.

Bu kadar ..

Not: Parçacıklarınızı düzenlemek istiyorsanız, bunları [fileType] .json içinde bulabilirsiniz.
Örnek: Ctrl+ P, ardından "javascript.json" öğesini seçin

Özel komut dosyaları ekleyebilirsiniz, gidin File --> Preferences --> User Snippets. Tercih ettiğiniz dili seçin.

Javascript'i seçerseniz, console.log(' ');bunun gibi varsayılan özel komut dosyasını görebilirsiniz :

"Print to console": {
    "prefix": "log",
    "body": [
        "console.log('$1');",
        "$2"
    ],
    "description": "Log output to console"
},

Javascriptreact.json'a parçacıklar ekleyerek denedim ama benim için işe yaramadı.

Küresel kapsama parçacıkları eklemeyi denedim ve büyüleyici bir şekilde çalışıyor.

FILE --> Preferences --> User snippets

burayı seçin New Global Snippets File, javas adını verin criptreact.code-snippets.

Diğer diller için [your_longuage] .code-snippet'ler gibi adlandırabilirsiniz.

Bu şu an için belgelenmemiş bir özelliktir ancak yakında kullanıma sunulacaktır. Bunları ekleyebileceğiniz bir klasör var ve görünecekler, ancak değişebilir (bir nedenle belgelenmemiş).

En iyi tavsiye, bunu ödeme sitesine eklemek ve sonunu beklemektir. Ama geliyor.

VSCode bunu sürüm 0.5'te tanıtın, buraya bakın . Parçacık söz dizimi, TextMate parçacığı sözdizimini izler ve Kullanıcı Tercihlerinde yazabilir.

Parçacıklarınızı JSON'da yazmakla uğraşmak istemiyorsanız , Snipster'a göz atın . Kodun kendisini yazarken yaptığınız gibi pasajlar yazmanıza olanak tanır - her satırı tırnak işareti, kaçış karakterleri, meta bilgiler vb. Eklemenize gerek kalmaz.

Ayrıca bir kez yazmanıza, her yerde yayınlamanıza olanak tanır . Böylece snippet'inizi VS Code, Atom ve Sublime'da ve ayrıca gelecekte daha fazla editörde kullanabilirsiniz. Daha fazla bilgi burada .

Bu gerçek bir cevap olmayabilir (yukarıda bazılarının cevapladığı gibi), ancak diğer insanlar için özel kod parçacıkları oluşturmakla ilgileniyorsanız, yeoman ve npm kullanarak uzantılar oluşturabilirsiniz (varsayılan olarak NodeJS ile birlikte gelir). NOT: Bu yalnızca diğerlerinin sistemleri için parçacıklar oluşturmak içindir. Ama aynı zamanda sizin için de çalışıyor! Her şey için JS koduna ihtiyacınız olması dışında.