vscode是目前比较流行的一款编辑器。在苏南大叔的mac系统里面,因为咩有notepad的存在。所以,苏南大叔一般使用vscode来做简单的文本编辑器。一般来说,苏南大叔是不关心到底是tab,还是4个空格的。因为看起来确实是一样的效果。估计vscode编辑器也是这么想的,于是有了本篇文章的内容。

苏南大叔:vscode如何显示tab键?如何控制tab和空格的相互转化? - hero
vscode如何显示tab键?如何控制tab和空格的相互转化?(图8-1)

因为要编辑的文章,是用于导入到数据库里面的,数据之间的分割符非常重要。而通过vscode编辑的文件,tab键输出的是4个空格,导致数据导入失败。

显示tab

一般来说,tab和空格,看起来都是空格,都是不可见透明字符。这里需要设置vscode,用于显示出到底是tab还是空格。需要修改的设置是:

苏南大叔:vscode如何显示tab键?如何控制tab和空格的相互转化? - setting
vscode如何显示tab键?如何控制tab和空格的相互转化?(图8-2)

renderControlCharacters,勾选选项即可。

Editor: Render Control Characters
Controls whether the editor should render control characters.

苏南大叔:vscode如何显示tab键?如何控制tab和空格的相互转化? - renderControlCharacters
vscode如何显示tab键?如何控制tab和空格的相互转化?(图8-3)

renderWhitespace,选成all即可。

Editor: Render Whitespace
Controls how the editor should render whitespace characters.

苏南大叔:vscode如何显示tab键?如何控制tab和空格的相互转化? - renderWhitespace
vscode如何显示tab键?如何控制tab和空格的相互转化?(图8-4)

效果展示如下:大家可以看到,tab是一个灰色的右箭头,而一个空格则是一个实心的小圆点。

苏南大叔:vscode如何显示tab键?如何控制tab和空格的相互转化? - tab_and_space
vscode如何显示tab键?如何控制tab和空格的相互转化?(图8-5)

相关链接

总结

经过本文的设置后,vscode就能够友好的处理tab的显示和输入问题了。数据库导入的前置问题,得到了暂时的解决。更多vscode的使用文章,请参见苏南大叔的博客:

如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留链接作者。
本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
未经许可,规模化镜像抄袭本站内容的行为,将会根据有关法律法规进行维权。
程序如此灵动~》下所有原创文章,如被用于商业用途,请您按规定支付稿费。

 【加群】加入QQ群【175454274】和大家一起讨论这个问题

 【源码】本文代码片段及相关软件,请点此获取

 【绝密】秘籍文章入口,仅传授于有缘之人   vscode

本站的忠实读者小伙伴,正在阅读下面这些文章: