Find and replace with a newline in Visual Studio Code

Visual Studio-Code

Visual Studio-Code Problem Overview


I am trying out the new Microsoft Visual Studio Code editor in Linux Fedora environment. I would like to know how to replace new line (\n) in place of some other text.

For example, I have html text like this

<tag><tag> 

which I would like to replace as

<tag>
<tag>

In sublime I would use regex pattern and find "><" and replace with ">\n<" How do I accomplish this in Visual Studio Code?

Visual Studio-Code Solutions


Solution 1 - Visual Studio-Code

In the local searchbox (ctrl + f) you can insert newlines by pressing ctrl + enter.

Image of multiline search in local search

If you use the global search (ctrl + shift + f) you can insert newlines by pressing shift + enter.

Image of multiline search in global search

If you want to search for multilines by the character literal, remember to check the rightmost regex icon.

Image of regex mode in search replace


In previous versions of Visual Studio code this was difficult or impossible. Older versions require you to use the regex mode, older versions yet did not support newline search whatsoever.

Solution 2 - Visual Studio-Code

With VS Code release 1.38 you can press CTRL + Enter in the editor find box to add a newline character.

enter image description here

With VS Code release 1.30 you can type Shift + Enter in the search box to add a newline character without needing to use regex mode.

enter image description here

Since VS Code release 1.3, the regex find has supported newline characters. To use this feature set the find window to regex mode and use \n as the newline character.

Multiline find in VS Code gif

Solution 3 - Visual Studio-Code

In version 1.1.1:

  • Ctrl+H
  • Check the regular exp icon .*
  • Search: ><
  • Replace: >\n<

Solution 4 - Visual Studio-Code

Also note, after hitting the regex icon, to actually replace \n text with a newline, I had to use \\n as search and \n as replace.

Solution 5 - Visual Studio-Code

A possible workaround would be to use the multi-cursor. select the >< part of your example use Ctrl+Shift+L or select all occurrences. Then use the arrow keys to move all the cursors between the tags and press enter to insert a newline everywhere.

This won't work in all situations.

You can also use Ctrl+D for select next match, which adds the next match to the selection and adds a cursor. And use Ctrl+K Ctrl+D to skip a selection.

Solution 6 - Visual Studio-Code

  • Control F for search, or Control Shift F for global search
  • Replace >< by >\n< with Regular Expressions enabled

enter image description here

Solution 7 - Visual Studio-Code

On my mac version of VS Code, I select the section, then the shortcut is Ctrl+j to remove line breaks.

Solution 8 - Visual Studio-Code

CTRL + H, then select regex (*) and write \n

Shorter version: CTRL+H ALT+R \n

Solution 9 - Visual Studio-Code

with v1.31.1 in RegEx mode the Replace All functionality is broken. clicking that button replaces only one instance

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionSriramView Question on Stackoverflow
Solution 1 - Visual Studio-CodeHåkon Egset HarnesView Answer on Stackoverflow
Solution 2 - Visual Studio-CodeChicView Answer on Stackoverflow
Solution 3 - Visual Studio-CodeEric Bole-FeysotView Answer on Stackoverflow
Solution 4 - Visual Studio-CodeStiv OstenbergView Answer on Stackoverflow
Solution 5 - Visual Studio-CodeBastiaan DeknudtView Answer on Stackoverflow
Solution 6 - Visual Studio-CodeCasper DijkstraView Answer on Stackoverflow
Solution 7 - Visual Studio-CodetripleonardView Answer on Stackoverflow
Solution 8 - Visual Studio-CodeTomoMihaView Answer on Stackoverflow
Solution 9 - Visual Studio-CodeekkisView Answer on Stackoverflow