Visual Studio Code: How to show line endings

Visual Studio-Code

Visual Studio-Code Problem Overview


How can I display lineendings (CR,LF) in Visual Studio Code (not in Visual Studio)?

At the moment there is only the little statusbar menu which display/change the line ending if the actual file. But sometimes it would be great to see the line endings directly in every line especially when there are mixed line endings (not good, but this happens from time to time).

I use the following settings, but none of them show the line endings.

"editor.renderWhitespace": true,
"editor.renderControlCharacters": true,
"editor.renderIndentGuides": true

Is there a setting for lineendings?


I've opened a issue on GitHub: Possibility to display line endings in text area #12223

Soham Kamani made an extensions for this: code-eol

Visual Studio-Code Solutions


Solution 1 - Visual Studio-Code

AFAIK there is no way to visually see line endings in the editor space, but in the bottom-right corner of the window there is an indicator that says "CLRF" or "LF" which will let you set the line endings for a particular file. Clicking on the text will allow you to change the line endings as well.

enter image description here

Solution 2 - Visual Studio-Code

If you want to set it to LF as default, you can paste this line in your editor settings (F1 menu; > Preferences: Open Settings (JSON))

"files.eol": "\n"

Example:

{
    "git.confirmSync": false,
    "window.zoomLevel": -1,
    "workbench.activityBar.visible": true,
    "editor.wordWrap": true,
    "workbench.iconTheme": "vscode-icons",
    "window.menuBarVisibility": "default",
    "vsicons.projectDetection.autoReload": true,
    "files.eol": "\n"
}

Please note that this will change the default line ending for new files only. This will not edit your files.

Solution 3 - Visual Studio-Code

Render Line Endings is a Visual Studio Code extension that is still actively maintained (as of September 2021):

https://marketplace.visualstudio.com/items?itemName=medo64.render-crlf

https://github.com/medo64/render-crlf/

It can be configured like this:

{
    "editor.renderWhitespace": "all",
    "code-eol.newlineCharacter": "¬",
    "code-eol.returnCharacter" : "¤",
    "code-eol.crlfCharacter"   : "¤¬",
}

and looks like this:

Enter image description here

Solution 4 - Visual Studio-Code

You can install an extension to show line endings.

There are several available at the VS Marketplace.

Or if their search moves, try this relevant Google search


In the original answer, I had provided a link to a specific extension by Johnny Härtell After two years, this extension and the author are mysteriously missing from the VS Marketplace.

To provide a better experience and hopefully future proof this answer, I've updated it with search results that should keep us pretty close to a relevant extension.

Solution 5 - Visual Studio-Code

Another way to set the default end of line value in Visual Studio Code:

  1. Navigate to the Visual Studio Code settings tab (e.g., by Ctrl + , (comma))
  2. Search for end of line in the search bar
  3. Set the desired value in the Files: Eol dropdown menu

Screenshot:

Enter image description here

Solution 6 - Visual Studio-Code

Having the opposite problem? How to hide line endings:

Oddly I have the opposite problem! I just ended up with the following highlighting of each newline - which I've never seen before. In all open files and without a selection. Assumed I'd hit a shortcut by mistake, which is how I ended up on this question. Given that the feature doesn't seem to actually exist I resorted to closing and reopening and they went away!

enter image description here

Solution 7 - Visual Studio-Code

I used the "find" and simply did a Regex search for "\n". Which seems to show the new lines in a simplistic but useful manner. Hope this helps.

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
QuestionMichael AignerView Question on Stackoverflow
Solution 1 - Visual Studio-CodeLleweyView Answer on Stackoverflow
Solution 2 - Visual Studio-CodeIsak La FleurView Answer on Stackoverflow
Solution 3 - Visual Studio-CodefriederbluemleView Answer on Stackoverflow
Solution 4 - Visual Studio-CodeShanimalView Answer on Stackoverflow
Solution 5 - Visual Studio-CodetheVoogieView Answer on Stackoverflow
Solution 6 - Visual Studio-CodeSimon_WeaverView Answer on Stackoverflow
Solution 7 - Visual Studio-CodeSanket DeshpandeView Answer on Stackoverflow