news 2026/7/1 19:42:44

VSCode - 显示EOL字符的插件

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
VSCode - 显示EOL字符的插件

VSCode自身没有显示EOL字符的功能,可以通过扩展插件来实现。

在插件市场搜索到:Render Line Endings

点击安装,Publisher:Josip Medved,选择相信第一次从此publisher安装程序。

This extension renders end of line characters (CR, LF, CRLF) when whitespace rendering is on.

Installation

* Press CTRL P or COMMAND P

* Writeext install medo64.render-crlf

* PressEnter

Features

* Renders end of line characters: CR, LF, CRLF

Note: CR files are not supported by VS Code. See Upstream Issues

* Only renders visible portions of text, which makes it very fast even for huge documents

* The characters used to render EOL can be customized

* Respects the value ofeditor.renderWhitespace

* The option can be toggled withView > Appearance > Render Whitespaceor from the Command Palette

* An example with editor.renderWhitespace: selection:

* Can be configured to highlight non-standard EOL only:

* Can be configured to highlight trailing whitespace only:

* Configuration options can be set per language

* Uses colors from the current theme:

* "editorWhitespace.foreground": Rendered characters

* "errorForeground": Non-standard EOL and trailing whitespace, if configured

Settings

This extension contributes the following settings (compatible withcode-eolextension):

Setting

Default

Description

"code-eol.newlineCharacter"

"↓"

Character used to display LF, Linux and Mac's line ending.

"code-eol.returnCharacter"

"←"

Character used to display CR, old Macintosh' line ending.

Note: CR files are not supported by VS Code: see microsoft/vscode#35797.

"code-eol.crlfCharacter"

"↵"

Character used to display CRLF, Windows' line ending.

"code-eol.highlightNonDefault"

false

If set, non-standard line endings will be highlighted as errors.

The standard EOL is taken from files.eol.

"code-eol.highlightExtraWhitespace"

false

If set, trailing whitespace will be highlighted as errors.

"code-eol.decorateBeforeEol"

false

If set, rendered characters will come before the end of the line.

Note: If set, line endings will not be rendered on empty lines.

"code-eol.forceShowOnWordWrap"

false

If set, rendered characters will always be shown when word wrap is on, regardless of the other settings.

"code-eol.forceShowOnBoundary"

false

If set, rendered characters will always be shown when in boundary mode.

"code-eol.colors.default.foreground"

(theme)

If set, used instead of theme default for coloring EOL characters

"code-eol.colors.error.foreground"

(theme)

If set, used instead of theme default for highlighting different EOL characters and extra whitespace

>Configuration Examples

Here are examples of a few most common adjustments.

>>Render All Whitespace

It's perfectly fine to use View -> Appearance -> View whitespace and for that you don't need to edit any settings. However, if you want to permanently turn whitespace on, you can do so:

{

"editor.renderWhitespace": "all",

}

>>Custom colors

You can override theme defaults, if so desired.

{

"code-eol.colors.default.foreground": "#007000",

"code-eol.colors.error.foreground": "#700000",

}

>>Alternate EOL Characters

If you don't like default characters, you can select any unicode character you like. For example, if you want it to look similar to Atom, you can use something like this:

{

"code-eol.newlineCharacter": "¬",

"code-eol.returnCharacter" : "¤",

"code-eol.crlfCharacter" : "¤¬",

}

(default characters are ↓, ←, and ↵).

Highlight Non-standard EOL:

If you want to highlight files that have different ending than defined in files.eol, you can set code-eol.highlightNonDefault:

{

"code-eol.highlightNonDefault": true,

}

Highlight Trailing Whitespace Only:

If you want to highlight trailing whitespace (either spaces or tab), there's a setting for that:

{

"code-eol.highlightExtraWhitespace": true,

}

>Upstream Issues

Please upvote the following VS Code issues:

Mixed Line Endings Are Not Supported (microsoft/vscode#127)

VS Code normalizes line endings of mixed files upon load, and thus this extension will always show one kind of EOL character.

>>CR Line Ending Is Not Supported (microsoft/vscode#35797)

VS Code does not support the CR line ending. Therefore, while you can configure it, you will never see CR as a line ending.

>>Not Rendering Glyphs For Large Files (microsoft/vscode#27100)

For performance reasons VS Code doesn't synchronize files that are over 5MB in size. Therefore, no line-ending characters will be visible on large files.

To avoid this you can set:

"editor.largeFileOptimizations": false

// some other symbols you might want to use:

// ¤

// ↓

// ←

// ↙

// ⇣

// ⇠

// ⇓

// ⇐

// ▼

// ◀

// ␤

// ¶

// ↲

// ↩

// ↴

// ⬎

// ⇂

// see more at https://unicode-table.com/en/sets/arrows-symbols/

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/6/17 23:13:51

低成本信号发生器实现高精度波形输出方法

用一块STM32做出实验室级信号发生器?揭秘低成本高精度波形输出的底层逻辑你有没有遇到过这样的场景:调试一个音频电路,手头却没有信号源;做传感器激励实验,只能靠函数发生器租借;或者在嵌入式项目中想生成一…

作者头像 李华
网站建设 2026/7/1 18:54:24

MISRA C++入门实战:常见违规示例解析

深入MISRA C:从典型违规看安全编码的“坑”与“道”在嵌入式系统、汽车电子、工业控制等对安全性要求极高的领域,代码的质量不再仅仅是“能不能跑”的问题,而是直接关系到设备是否可靠、人员是否安全。C以其高性能和灵活性成为这些系统的首选…

作者头像 李华
网站建设 2026/7/1 3:02:17

Day 11:【99天精通Python】函数进阶 - *args、**kwargs 与 Lambda 表达式

Day 11:【99天精通Python】函数进阶 - *args、**kwargs 与 Lambda 表达式 前言 欢迎来到第11天! 在昨天的课程中,我们学会了定义标准的函数,参数的数量在定义时就是固定的(比如 def add(a, b) 必须传两个数&#xff09…

作者头像 李华
网站建设 2026/6/30 23:18:32

工业环境下继电器模块电路图抗干扰设计指南

工业环境下继电器模块抗干扰设计实战指南:从原理到PCB落地在自动化产线的深夜,你是否经历过这样的场景?PLC控制柜里的继电器突然“啪”地一声自启动,电机毫无征兆地运转起来——而操作员根本没有下发指令。排查数小时后发现&#…

作者头像 李华
网站建设 2026/6/26 11:25:22

从零实现多层PCB生产流程:实验室级小批量制作方案

实验室里的“芯片工厂”:如何亲手做出一块四层PCB?你有没有过这样的经历?设计好了一块精密的四层板,满怀期待地发给厂家打样,结果等了五天,收货一看——线宽偏差、孔铜太薄、甚至内层错位。更糟的是&#x…

作者头像 李华
网站建设 2026/6/22 12:21:42

HBuilderX Windows环境配置:新手教程(零基础必看)

从零开始玩转 HBuilderX:Windows 下的前端开发第一站你是不是也曾在搜索“前端怎么入门”时,被一堆专业术语搞得晕头转向?Webpack、Babel、TypeScript、Node.js……光是名字就让人想放弃。其实,前端开发的第一步,完全可…

作者头像 李华