Copy code whilst preserving syntax highlighting in Visual Studio Code - visual-studio-code

I am using Visual Studio Code and want to copy code from it, but I want to preserve the syntax highlighting.
I want something like "Copy as HTML" , "Copy as HTML with syntax and background intact" or the like. What extensions or plugins do I need to use to get this functionality?

This is not currently possible, you can +1 the issue to help prioritize it https://github.com/Microsoft/vscode/issues/3518

Related

Is there any way to highlight a file in the Visual Studio Code explorer?

As a reminder, I would like to be able to highlight a file (in Explorer) that I have made important changes to. Highlighting it would make it easy to find again!
Visual Studio Code still doesn't provide such a feature. If you have source control, it will allow you to track modified files unless it is not available yet.

Visual Studio Code Autocomplete Add Parentheses After Method in .js File

When I type console.lo in a .js file in Visual Studio Code, I can hit Enter, and autocomplete will change my line to console.log. However, I would also like autocomplete to add parentheses. This question was already asked using the Go programming language. I tried adding js.useCodeSnippetsOnFunctionSuggest as well as javascript.useCodeSnippetsOnFunctionSuggest. Neither of these work. I also tried useCodeSnippetsOnMethodSuggest as suggested here, but that didn't work either. What am I doing wrong?
I fixed this by searching for "Complete Function Calls" in VS Code's settings, and checking JavaScript > Suggest: Complete Function Calls. Thanks Mark for the suggestion.

How can I enable IntelliSense for JavaScript inside HTML?

I want to use VS Code to try out the examples of a JavaScript book, but there's no IntelliSense, or at least I don't know how to activate it.
In Visual Studio this feature works out of the box :
But in VS Code, all I got is a message saying "No suggestions."
What do I need to do to enable IntelliSense in VS Code?
Starting with the November 2016 (version 1.8) release, Visual Studio Code now fully supports IntelliSense for JavaScript in HTML.
Note that the language support doesn't follow script includes, it only knows about definitions made in the same file.
Currently Unsupported
JS intellisense doesnt work in HTML script tag - VSCode GitHub Issues #4369
Smart Javascript suggestions inside HTML files no loger working after Visual Studio Code update - StackOverflow
It worked for me, when the file had a .js extension. I didn't get any intellisense when I pasted it into .html file between script tags.
Edit To Add: You can also change the Language Mode by clicking 'HTML' in the bottom of the VS Code window and change it to 'JavaScript'.
It is supported!
Intellisense and syntax highlighting start working after replacing
<script>something()</script>
with
<script type="text/javascript">something()</script>
Make sure you have HTML language mode selected in the bottom right corner. I had Markdown mode set for an unknown reason (autodetect?) and it didn't work for me. Javascript mode won't work either for HTML files.
Visual Studio Code version 1.4.0 does not support CSS intelli-sense.
I have an extension for CSS style, id and class intelli-sense for html documents:
Features:
Style tag completion and hover.
Style attribute completion and hover.
Id attribute completion.
Class attribute completion.
Scans workspace folder for css files.
Supports optional resource.json file for fine tuned resource selection.
Link:
https://marketplace.visualstudio.com/items?itemName=ecmel.vscode-html-css

Visual studio code extension: How can I add error markers to files in the explorer?

I have written a validator for my vscode extension, which uses a DiagnosticCollection to set errors for files. This works and the errors are shown when a file is opened.
I would now like to mark files in the explorer, so that it is easy to find files with errors. Here is an example]of how it looks in Eclipse:
Is it possible to do this in a vscode extension? Is there already an extension doing this?
Unfortunately, you can't do that.
There is an open issue asking something related to Git, but not as open as you want. Maybe using the API described in this another issue you could create a new panel with the marked files.
It is still experimental, BTW...

How to copy formatted code to clipboard in VS Code

In Visual Studio Code, is it possible to copy selected code to the clipboard with the syntax highlighting? I want to be able to paste into a Word doc or e-mail.
Regular Visual Studio does this by default (it puts both text and RTF formats on the clipboard).
I see that I can "Toggle Developer Tools" and locate the div (with class="view-lines") that has the code, so maybe there is a way to use that chunk of html, but I don't see an easy way to just copy the formatted code and paste into Word or an e-mail.
According to the 1.10 changelog : https://code.visualstudio.com/updates/v1_10#_copy-with-syntax-highlighting
It is now possible with that command : editor.action.clipboardCopyWithSyntaxHighlightingAction
Type/paste it in command box (ctrl+shift+p or F1)
Use the command "Copy With Syntax Highlighting".
Highlight the code
Ctrl + Shift + p to open the Command Palette
Type / Select Copy With Syntax Highlighting
It is available since VS Code v1.43 (Feb 2020), as #robert4 mentioned in comment.
Ran into this question as I was trying to copy and paste with syntax highlighting from Visual Studio (not Code). As far as I see, it is not possible OOTB.
I am using Visual Studio Enterprise 2019 (v16.7.4), trying to copy C# code (tried CSHTML also).
BUT, I found this article, which seemed to indicate that Visual Studio Code OOTB would Ctrl+C Ctrl+V right into an Outlook email or Word document without a plugin or fancy keyboard shortcut, and I was successful!
I am using Visual Studio Code v1.49.2, and copying C# code. Copying CSHTML also worked.
I took the suggestion above, went to the command pallet, clicked on the clog to the right, and used ctl + c for the key bindings. Now, when I copy from VSCode to OneNote, I get the source formatting. It works!