blocks|key|4389759|text|键入log并点击enter。它将自动完成console.log();|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4389760|entityMap^0|2|3|8|5|K|E|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]|$9|M|A|N|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|O|8|@]|D|@]|E|$]]]|G|$]]

Type <code>log</code> and hit <code>enter</code>. It will auto-complete <code>console.log();</code>

blocks|key|4389233|text|@Sebastian+Sebald给出的最好的答案是完美的，但是遇到类似的问题(不是特别的console.log，而是它的“缺失”)，我也想贡献一个答案。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4389234|您的前缀确实有效-默认情况下是log，在本例中您已将其更改为c。当你输入log+(或c)时，VSCode会根据很多因素(例如我不知道是什么因素，可能是类相关性)生成一个完整的"all+the+things™“列表。|offset|length|style|CODE|4389235|像代码片段这样的东西往往会被吸引到底部。要将它们添加到顶部，而不考虑它们的长度，请将以下内容添加到您的设置：|4389236|"editor.snippetSuggestions":+"top"|code-block|syntax|javascript|4389237|entityMap^0|0|F|3|U|1|10|3|16|1|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@$D|S|E|T|F|G]|$D|U|E|V|F|G]|$D|W|E|X|F|G]|$D|Y|E|Z|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|10|8|@]|9|@]|A|$]]|$1|J|3|K|5|L|7|11|8|@]|9|@]|A|$M|N]]|$1|O|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|P|$]]

The top answer by @Sebastian Sebald is perfectly fine, but hitting a similar problem (not console.log specifically, but rather it "missing") I wanted to also contribute an answer. 

Your prefix is indeed working - by default its <code>log</code> and in your case you have changed it to <code>c</code>. When you type <code>log</code> (or <code>c</code>) VSCode will generate a full list of "all the things™" based on many factors (ie I don't know what factors, probably class relevance). 

Things like snippets tend to gravitate towards the bottom. To bump them to the top, despite their length, add this to your settings:

<pre><code>"editor.snippetSuggestions": "top"
</code></pre>

blocks|key|4389804|text|clg+%2B制表符|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4389805|或者如上所述，|4389806|log+%2B+enter+(下拉列表中的第二个选项)|4389807|这是一个古老的问题，但我希望对其他人有用。|4389808|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|L|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|M|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

clg + tab

or as mentioned above,

log + enter (second option in dropdown)

This is an old question, but I hope is useful to some one else.

blocks|key|4389262|text|如果有人对将当前选定的文本放入console.log()语句感兴趣：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4389263|{
++++"key":+"cmd%2Bshift%2Bl",
++++"command":+"editor.action.insertSnippet",
++++"when":+"editorTextFocus",
++++"args":+{
++++++"snippet":+"console.log(${TM_SELECTED_TEXT}$1)$0;"
++++}
}|code-block|syntax|javascript|4389264|entityMap^0|F|D|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

In case anybody is interested in putting the currently selected text into the <code>console.log()</code> statement:

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

blocks|key|4389916|text|我不知道我使用的是什么扩展名，但我只需输入log并按tab键自动完成console.log()；将光标放在大括号之间。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4389917|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

I don't know what extension I'm using but I simply type log and hit tab to autocomplete console.log(); placing the cursor between the braces.

blocks|key|4389713|text|这里有一个更好的解决方案|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4389714|{
++++++++"key":+"cmd%2Bshift%2Bc",
++++++++"command":+"editor.action.insertSnippet",
++++++++"when":+"editorTextFocus",
++++++++"args":+{
++++++++++++"snippet":+"console.log('${TM_SELECTED_TEXT}',+$TM_SELECTED_TEXT$1);"
++++++++}
++++}|code-block|syntax|javascript|4389715|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Here's a better solution

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

blocks|key|4389324|text|下面是当前选中的带有单引号的文本。希望能有所帮助|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4389325|//+Place+your+key+bindings+in+this+file+to+overwrite+the+defaults
[{
++++"key":+"ctrl%2Bshift%2Bc",
++++"command":+"editor.action.insertSnippet",
++++"when":+"editorTextFocus",
++++"args":+{
++++++++"snippet":+"console.log('${TM_SELECTED_TEXT}$1')$2;"
++++}

}]|code-block|syntax|javascript|4389326|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

The below one is currently selected text with single quotes. Hope it helps 

<pre><code>// 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;"
 }

}]
</code></pre>

blocks|key|4390011|text|最佳组合|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4390012|我学习了Turbo+Console+Log的第一个特性(II、III、IV对我来说没有用)。|offset|length|4390013|然后添加了这段代码，它非常适合Turbo控制台日志：|4390014|++{
++++"key":+"ctrl%2Balt%2Bl",
++++"command":+"editor.action.insertSnippet",
++++"when":+"editorTextFocus+&&+!editorHasSelection",
++++"args":+{
++++++"snippet":+"console.log('$1')"
++++}
++}|code-block|syntax|javascript|4390015|entityMap|0|LINK|mutability|MUTABLE|url|https://marketplace.visualstudio.com/items?itemName=ChakrounAnas.turbo-console-log^0|0|4|H|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@]|9|@$D|W|E|X|1|Y]]|A|$]]|$1|F|3|G|5|6|7|Z|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|10|8|@]|9|@]|A|$K|L]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]]]

<h3>BEST COMBO</h3>
I learned the first feature of <a href="https://marketplace.visualstudio.com/items?itemName=ChakrounAnas.turbo-console-log" rel="nofollow noreferrer">Turbo Console Log</a> (II, III, IV were not useful for me).
Then added this snippet, that is perfectly fitting to the Turbo Console Log:
<pre class="lang-json prettyprint-override"><code> {
 &quot;key&quot;: &quot;ctrl+alt+l&quot;,
 &quot;command&quot;: &quot;editor.action.insertSnippet&quot;,
 &quot;when&quot;: &quot;editorTextFocus &amp;&amp; !editorHasSelection&quot;,
 &quot;args&quot;: {
 &quot;snippet&quot;: &quot;console.log('$1')&quot;
 }
 }
</code></pre>

blocks|key|4389494|text|作为另一种选择，您可以创建一个易于编写的函数来调用console.log，然后直接调用该函数。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4389495|+var+a+=+funtion+(x)+{console.log(x)}
+a(2*2);++++++++//prints+4|code-block|syntax|javascript|4389496|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

As an alternative you can create a function easy to write that invokes the console.log and then just call that function. 

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

blocks|key|4389979|text|我使用autohotkey来达到同样的效果，只需输入"cc“然后输入空格，它将输出一个控制台日志。我还没有尝试过代码片段，不确定这是如何比较的|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4389980|;+vscode
#IfWinActive+ahk_exe+Code.exe

++++SetTitleMatchMode+2

++++;+Move+by+word+-+Backwards
++++Capslock+&+d::+Send+%5E%2Bk
++++::cc::console.log("test321:"+{%2B}){left}
++++::cl::logger.info("test321:"+{%2B}){left}
++++::cd::logger.debug("test321:"+{%2B}){left}
++++::ss::JSON.stringify(test,+null,+2){ctrl+down}{left+3}{ctrl+up}

#IfWinActive+|code-block|syntax|javascript|4389981|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I use autohotkey to achieve the same effect,
Simply type &quot;cc&quot; then space, and it will output a console log. Haven't tried snippets, not sure how this compares
<pre><code>; vscode
#IfWinActive ahk_exe Code.exe

 SetTitleMatchMode 2

 ; Move by word - Backwards
 Capslock &amp; d:: Send ^+k
 ::cc::console.log(&quot;test321:&quot; {+}){left}
 ::cl::logger.info(&quot;test321:&quot; {+}){left}
 ::cd::logger.debug(&quot;test321:&quot; {+}){left}
 ::ss::JSON.stringify(test, null, 2){ctrl down}{left 3}{ctrl up}

#IfWinActive 
</code></pre>

blocks|key|4389807|text|最快的方法是：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4389808|按'l‘并在弹出式列表中选择log|offset|length|style|CODE|4389809|​|4389810|📷|atomic|4389811|4389812|现在，总是当你按'l‘的时候，你只需要按'Enter’进入console.log()|4389813|4389814|4389815|4389816|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/c887b8ba9b65f955a4161ef90416132a.png|imageAlt|1|https://ask.qcloudimg.com/http-save/yehe-900000/1c61eebe87da7e02c7a8507f2382adc3.png^0|0|E|3|0|0|0|1|0|0|0|T|D|0|0|0|1|1|0|0^^$0|@$1|2|3|4|5|6|7|13|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|14|8|@$D|15|E|16|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|17|8|@]|9|@]|A|$]]|$1|J|3|K|5|L|7|18|8|@]|9|@$D|19|E|1A|1|1B]]|A|$]]|$1|M|3|I|5|6|7|1C|8|@]|9|@]|A|$]]|$1|N|3|O|5|6|7|1D|8|@$D|1E|E|1F|F|G]]|9|@]|A|$]]|$1|P|3|I|5|6|7|1G|8|@]|9|@]|A|$]]|$1|Q|3|K|5|L|7|1H|8|@]|9|@$D|1I|E|1J|1|1K]]|A|$]]|$1|R|3|I|5|6|7|1L|8|@]|9|@]|A|$]]|$1|S|3|-4|5|6|7|1M|8|@]|9|@]|A|$]]]|T|$U|$5|V|W|X|A|$Y|Z|10|-4]]|11|$5|V|W|X|A|$Y|12|10|-4]]]]

The fastest way is:
Press 'l' and select <code>log</code> in pop-up list
<a href="https://i.stack.imgur.com/nAnKg.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/nAnKg.png" alt="console.log shortcut visual studio code" /></a>
Now, always when you press 'l', you just need to press 'Enter' to <code>console.log()</code>
<a href="https://i.stack.imgur.com/nH76V.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/nH76V.png" alt="console.log shortcut visual studio code" /></a>

I want to know what is the shortcut for console.log in Visual Studio code?

What is the shortcut in Visual Studio Code for console.log

Visual Studio

JSON

我想知道在Visual Studio代码中console.log的快捷方式是什么？

问Visual Studio Code for console.log中的快捷方式是什么
EN

回答 11

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Visual Studio Code for console.log中的快捷方式是什么EN

回答 11

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Visual Studio Code for console.log中的快捷方式是什么
EN