Can't edit files in Vscode

Question

I've just started using Vscode and have a created a WebAPI project. On trying to open any of the default code files (Startup.cs and Program.cs) whatever I type starts to appear in the blue bar as shown below instead of where I have placed the cursor. I have no idea what's going on or what that blue bar is.

I am able to add my own code files and edit these as I would expect.

I'm running Vscode 1.29.1 on Win 10 on a Dell Latitude 12 7275. The vscode extension

Enabled extensions :

Answer 1

That's caused by Vim extension. Uninstall or disable it, otherwise use insert key on your keyboard to put it in insert mode.

Answer 2

I'l leave this here for future readers

Basically, if I split files in tabs in VS Code, I could work with the files on the left hand side but could "read-only" all the files on the right hand side.

When I went to the extensions tabs I noticed that whatever I typed was being typed in the field in the extensions search bar. After deleting that, and clicking back on the "Files" tab, it went back to normal and can basically edit files on the both sides of my split screen.

1. If cannot type
2. Check where whatever you type is going (e.g. Extensions > Search bar)
3. Delete wherever it's being typed, and click back on the "Files tab"
4. Check if it works