注册
web

不就是代码缩进吗?别打起来啊

免战申明

本文不讨论两种缩进方式的优劣,只提供一种能够同时兼容大家关于缩进代码风格的解决方案

字符缩进,2还是4?

很久之前,组内开发时发现大家的tab.size不一样,有的伙伴表示都能接受,有的伙伴习惯使用2字符缩进,有的伙伴习惯4字符缩进,导致开发起来很痛苦,一直在寻找兼容大家代码风格的办法,今天终于研究出一种解决方案(不一定适用所有人)。

工具准备

  1. vscode

  2. prettierrc插件

解决方案

首先设置"editor.tabSize"为自己习惯的tabSize

5e053e3eba364295863c1cead1517b81~tplv-k3u1fbpfcp-zoom-in-crop-mark:4536:0:0:0.awebp?

设置tab按下时不插入空格"editor.insertSpaces": false

3b84b17776c7466d9b75f8b4da4b8ab3~tplv-k3u1fbpfcp-zoom-in-crop-mark:4536:0:0:0.awebp?

项目根目录下创建.prettierrc(可添加到.gitignore),设置"useTabs": true

{
   "printWidth": 180,
   "semi": true,
   "singleQuote": true,
   //使用tab进行格式化
   "useTabs": true
}

c579ad7cd48442449fd43e7be95faccc~tplv-k3u1fbpfcp-zoom-in-crop-mark:4536:0:0:0.awebp?

设置展示效果"editor.renderWhitespace": "selection"

93a1ca02345546cfab0ee1faa6a89261~tplv-k3u1fbpfcp-zoom-in-crop-mark:4536:0:0:0.awebp?

最终效果

cc9ce848e2d74f59945ac92a879558c6~tplv-k3u1fbpfcp-zoom-in-crop-mark:4536:0:0:0.awebp?

26d88e4433754575acef02681c649ea9~tplv-k3u1fbpfcp-zoom-in-crop-mark:4536:0:0:0.awebp?

18cfb389a4c0431ba16cb53cd61dd8c9~tplv-k3u1fbpfcp-zoom-in-crop-mark:4536:0:0:0.awebp?

40bd79f4f9924fab8dca3e60b9d8fc06~tplv-k3u1fbpfcp-zoom-in-crop-mark:4536:0:0:0.awebp?

可以看到,编辑器内设置不同的代码缩进,展示效果不同,但最终提交的代码风格一致。 (小缺陷:对于强制要求使用空格代替tab的情况不适用)

作者:断律绎殇
来源:juejin.cn/post/7095001798120833061

0 个评论

要回复文章请先登录注册