vscode如何显示tab键？如何控制tab和空格的相互转化？

我们相信：世界是美好的，你是我也是。平行空间的世界里面，不同版本的生活也在继续...

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

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

显示tab键

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

renderControlCharacters，勾选选项即可。

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

renderWhitespace，选成all即可。

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

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

设置tab键

因为vscode对tab键进行了转义，所以，这里需要设置其为tab不转义。点击编辑器右下角的space或者tab字样，就可以来到这个设置的界面了。

对于本文的需求来说，需要先选择Indent Using Tabs。

再选择Tab Size为4即可，当然这个不强制，选数字几都是可以的。

这样设置之后，在vscode界面上，按下tab键之后，才是真正的tab，而不是4个空格，但是占据的位置是4个空格。并且右下角也变成了Tab Size:4的字样。

相关链接

• https://newsn.net/say/vscode-px2rem.html
• https://newsn.net/say/vscode-uihelper-beautify.html
• https://newsn.net/say/mac-command-vscode-2.html
• https://newsn.net/say/vscode-diff.html

总结

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

• https://newsn.net/tag/vscode/

如果本文对您有帮助，或者节约了您的时间，欢迎打赏瓶饮料，建立下友谊关系。
本博客不欢迎：各种镜像采集行为。请尊重原创文章内容，转载请保留作者链接。