最近遇到一个问题,关于vscode 中隐藏的空格和tab分不清的问题,超级头大,因为代码提交到线上的话,一直报错,标签对闭合不了,我也不知道什么原因,同样的代码,再写一遍就可以,看着都一样,身边有经验的同事告诉我,可能是我用的编辑器里有隐藏的tab或者空格,建议我都手动删除下空格再添加,总之标签闭合不了肯定是有问题的。
刚开始我就傻乎乎的,一个一个删除,自己添加,可是毕竟看不到效果,感觉有种皇帝的新衣的感觉,自己欺骗自己,也不知道具体效果怎么样。
不过办法总比困难多的多,百度了下,说像VSCode中可以设置显示tab跟空格的。之所以把这个分享出来,估计如果用到vue的严格模式的话,也应该可以用到吧。
1.打开文件首选项设置
2.搜索renderControlCharacters并勾选
3.搜索renderWhitespace设置为all
4.打开页面,此时就可以很明显的区分空格跟tab
我习惯用VSCode编辑器,所以设置了这个,关于别的编辑器可以参考