How can I copy the text of the Interactive Playground page in VS Code? - visual-studio-code

I thought this page would be very useful for me. So I wanted to save it on my local computer. But I could not copy the text in it.
I tried several ways:
right-click: invalid
try to find the file: don't know the name
search on Google but there is no solution now
Can somebody help me? Thank you very much!

The file is called vs_code_editor_walkthrough.ts in the GitHub repository for Visual Studio Code. You stated you were after the text of the file, so if you view it in its raw form you can easily get all of the text in its markdown format.
It won't look anywhere near as pretty as Visual Studio Code renders it. If you want to achieve that look, you'll probably need to be savvy with TypeScript, something I am not.

Related

Phantom line display in Visual Studio Code IDE

In VS Code I have a tab with a plain text file I use for scratch while working during the day. I place all kinds code, questions, TODO lists, etc in this file and will reference it from time to time. It's helpful for history purposes.
At any rate, this file has ballooned up to well over 46,000 lines over the years and I'm now seeing this odd phantom line being injected at my cursor. I am unable to select it or remove it. I thought it was being displayed as VS Codes way of letting me know that a software update was available but when checking that was not the case. This is what it phantom line looks like, it seems to contain a history of CSS classes used over the years which is odd.
If I restart VS Code it goes away for a little while but then reappears. I have a feeling it might be because of the number of lines or perhaps memory but can't say for certain.
Has anyone else seen this behavior? I've probably enabled some setting by mistake and have no idea how to disable it.
Any suggestions would be greatly appreciated. Thank you!
Turns out it was the HTML End Tag Labels plugin that was trying to auto complete some HTML that was somewhere within the 46k lines.
I would have thought by identifying the file as type Plain Text, the plug-in would ignore trying to close HTML tags (since its not an HTML file) but alas that's not the case.
Thank you Mark Ahrens for the tip!

Visual Studio Code Edit From External GUI

I want to create a designer for the code of the current active editor (a tab in VSCode). So I would like to ask you, how this is accomplishable.
In this video the developer is showing impressively that this is possible:
https://www.youtube.com/watch?v=lgPYdtcNRwg
I looked already for the some API's like https://code.visualstudio.com/api/extension-guides/custom-editors, but they all doesn't offer what I want: grab and manipulate existing code of current tab, or maybe I am missing something?
Perhaps I have to think out of the box and work with the file path of current tab/editor, and change the code in files on the filesystem directly?
I am grateful for any hint and help.

Visual Studio Code HTML Preview issue

I'm having an issue with VS Code, when I try to use JAVA Script in an HTML file. When I use the HTML preview it keeps saying that some content is disabled. But when I go to update the settings to allow the content, it never enables it. I've looked around the internet and couldn't find anything that would help me troubleshoot this issue. I'm just learning how to code, so I don't know that my code is good, but any help with the settings would be greatly appreciated. Thanks.

How to quickly format Github reply code block?

Every time when i past some code snippets in Github reply box, it past with weird indentation... which i fix manually every time.. i could possibly indent/format it first in my code editor.. copy and paste directly.. which could work.. however when i am more in a rush.. and copy a block directly from my running code.. it kind of a hassle to format... or even worse when i type code directly there...
is there any browser extension? hide short-cut wizardry that im not aware of in Github to format and indent my reply quickly?
You might want to try: https://github.com/panzerdp/clipboardy, it does look like it keeps formatting not only in GitHub, but also SO and others.
Many other extensions that might be useful here: https://github.com/showcases/github-browser-extensions.

A good Code snippet tool or plugin for Word documents?

Does anyone know of a good tool or plugin that enables Microsoft Word or OpenOffice Writer to add code snippets to a document in a clean manner?
I'm not sure if such a plug-in even exists, so redirecting me to any other tool that can help me would be appreciated.
I simply type out the snippet in Visual Studio and then copy paste it into word. It preserves all the code formatting.
The only other thing I do is change the font to Consolas.
I love codekeep for VS.. But it's only available for VS
Snip-It Pro is a stand alone code snippet tool that works with word or open office. It docks to the side of the screen and snippets can be drag dropped into any application. It has syntax highlighting too.
disclaimer: It's my product :)