Console.log için Visual Studio Code'daki kısayol nedir

Visual Studio kodunda console.log kısayolunun ne olduğunu bilmek istiyorum?

Güncelleme Şubat 2019:

Adrian Smith ve diğerleri tarafından önerildiği gibi : Bir konsol günlük ifadesi oluşturmak için bir klavye kısayolunu bağlamak istiyorsanız, aşağıdakileri yapabilirsiniz:

1. Dosya> Tercihler> Klavye Kısayolları
2. Sağdaki arama çubuğunun üzerinde, fareyle üzerine geldiğinizde "Klavye Kısayollarını Aç (JSON)" yazan bir simge göreceksiniz .
3. Bunu JSON ayarlarına ekleyin:

{
  "key": "ctrl+shift+l",
  "command": "editor.action.insertSnippet",
  "when": "editorTextFocus",
  "args": {
    "snippet": "console.log('${TM_SELECTED_TEXT}$1')$2;"
  }
}

CTRL+ SHIFT+ Tuşlarına basmak Lkonsol parçacığını çıkarır. Ayrıca, zaten seçili bir metin varsa, günlük ifadesinin içine yerleştirilecektir.

Akıllı / otomatik tamamlamayı tercih ediyorsanız:

Git Tercihler -> Kullanıcı Snippet'ler -> seçin typescript (ya da her türlü dil istediğiniz). Bir jsondosya açılmalıdır. Oraya kod parçacıkları ekleyebilirsiniz.

Zaten yorumlanacak bir pasaj var console.log:

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

Parçacığı kullanmak istediğiniz her dil için bunu yapmanız gerekiyor ... biraz rahatsız edici.

Ayrıca, "editor.snippetSuggestions": "top"snippet'lerinizin intellisense üzerinde görünmesi için ayarlamalısınız . Teşekkürler @Chris!

Parçacık önerilerini Tercihler -> Metin Düzenleyici -> Öneriler bölümünde bulabilirsiniz.

Yukarıdaki yanıtların tümü iyi çalışıyor, ancak görsel stüdyo kodunun yapılandırmasını değiştirmek istemiyorsanız, bunun yerine otomatik tamamlamayı tercih console.log(object); ediyorsanız, bu kısayolu clg'yi kullanabilir ve öneri için Ctrl+ tuşuna basabilir Spaceve Enter
Not : Bu özellik kullanılabilir JavaScript (ES6) kod parçacıkları uzantısını yüklediğinizde.

Benzer şekilde, aşağıdakiler için otomatik tamamlamaya sahipsiniz:

• clg içinconsole.log(object);
• Clo içinconsole.log('object :', object);
• ccl içinconsole.clear(object);
• cer içinconsole.error(object);
• ctr için console.trace(object);
• clt içinconsole.table(object);
• cin içinconsole.info(object);
• cco for console.count(label);
  
  (Bu liste devam ediyor ...)

JavaScript (ES6) kod parçacıkları için bağlantı: https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets

@Sebastian Sebald'ın en iyi cevabı gayet iyi, ancak benzer bir soruna (özellikle console.log değil, daha ziyade "eksik") ulaşmak için bir cevap vermek istedim.

Önekiniz gerçekten çalışıyor - varsayılan olarak onun logve sizin durumunuzda olarak değiştirdiniz c. Eğer yazdığınızda log(veya cVSCode "her şeyin ™" tam listesini oluşturacaktır) (yani bilmiyorum hangi faktörlerin, muhtemelen sınıf alakası) birçok faktöre dayanarak.

Parçacıklar gibi şeyler dibe doğru çekilme eğilimindedir. Uzunluklarına rağmen en üste çıkarmak için bunu ayarlarınıza ekleyin:

"editor.snippetSuggestions": "top"

Yazın logve vurun enter. Otomatik olarak tamamlanacakconsole.log();

Atom'da console.log () için güzel bir kısayol var ve VS Code'da da aynısını istedim.

Çözümü @kamp tarafından kullandım ama nasıl yapılacağını anlamam biraz zaman aldı. İşte kullandığım adımlar.

1. Şuraya gidin: Dosya> Tercihler> Klavye Kısayolları

2. Sayfanın üst kısmında şunu belirten bir mesaj göreceksiniz: Gelişmiş özelleştirmeler için keybindings.json dosyasını açın ve düzenleyin.

3. Bu, iki bölmeyi açar: varsayılan tuş bağlantıları ve özel bağlamalarınız.

4. @Kamp tarafından sağlanan kodu girin

Diğer bir yol, keybindings.json dosyasını açmak ve istediğiniz tuş kombinasyonunu eklemektir. Benim durumumda:

{
    "key": "cmd+shift+l",
    "command": "editor.action.insertSnippet",
    "when": "editorTextFocus",
    "args": {
      "snippet": "console.log($1)$0;"
    }
}

Gelişmiş özelleştirmeler arayan herkes keybindings.json dosyasını açar ve düzenler

Keybindings.json'ı açmak için bu küçük simgeye tıklayın.

Bu kodu, hem console.log () hem de seçilen metin için console.log ("Word") oluşturmak için kullanın.

{
  "key": "ctrl+shift+l",
  "command": "editor.action.insertSnippet",
  "when": "editorTextFocus",
  "args": {
    "snippet": "console.log('${TM_SELECTED_TEXT}$1')$2;"
  }
}

Kelime günlüğünü yazdığınızda , şöyle bir şey göreceksiniz:

Farklı günlük seçenekleri görmeniz durumunda konsola günlüğe kaydet yazan birini seçin (bu, ad günlüğüne sahip bir tanımlayıcınız olduğunda temelde mümkün olacaktır.

Enter'a tıklayın.

Intelligence işini yapacak!

Herhangi birinin şu anda seçili metni console.log()ifadeye eklemekle ilgilenmesi durumunda :

{
    "key": "cmd+shift+l",
    "command": "editor.action.insertSnippet",
    "when": "editorTextFocus",
    "args": {
      "snippet": "console.log(${TM_SELECTED_TEXT}$1)$0;"
    }
}

'Clg' yazın, ardından ctrl+ tuşuna basın spaceve vurun enter, otomatik olarak tamamlanır console.log().
Bunun için yalnızca bir uzantı, yani JavaScript (ES6) kod parçacıkları yüklemeniz gerekir.

clg + sekmesi

veya yukarıda belirtildiği gibi,

log + enter (açılır menüdeki ikinci seçenek)

Bu eski bir soru, ama umarım bir başkası için yararlıdır.

Hangi uzantıyı kullandığımı bilmiyorum ama sadece log yazıyorum ve console.log () 'u otomatik tamamlamak için tab tuşuna basıyorum; imleci parantezlerin arasına yerleştirmek.

Aşağıdakiler şu anda tek tırnak işaretli seçili metindir. Umarım yardımcı olur

// Place your key bindings in this file to overwrite the defaults
[{
    "key": "ctrl+shift+c",
    "command": "editor.action.insertSnippet",
    "when": "editorTextFocus",
    "args": {
        "snippet": "console.log('${TM_SELECTED_TEXT}$1')$2;"
    }

}]

İşte daha iyi bir çözüm

{
        "key": "cmd+shift+c",
        "command": "editor.action.insertSnippet",
        "when": "editorTextFocus",
        "args": {
            "snippet": "console.log('${TM_SELECTED_TEXT}', $TM_SELECTED_TEXT$1);"
        }
    }

Alternatif olarak, console.log'u çağıran ve ardından sadece o işlevi çağıran, yazması kolay bir işlev oluşturabilirsiniz.

 var a = funtion (x) {console.log(x)}
 a(2*2);        //prints 4

Tip cove isabet tabveya enter.

Kutunun dışında çalışmalı.