这是一个创建于 1443 天前的主题，其中的信息可能已经有所发展或是发生改变。
我以前都是缩进 4 个空格，把 tab 直接设成了 4 个空格，可是我发现好多人都是缩进 2 个空格，是我搞错了吗，还是什么
 | 1 dayeye2006199 2022 年 5 月 12 日 这类东西统一交给 linter 处理，空格和 tab 自动转换。只要团队遵守一个规范就行了。本来都没有什么对错。 |
 | 2 molvqingtai 2022 年 5 月 12 日 via Android 看团队规范，不过目前前端圈的 Javascript 风格指南大多是 2 个空格 |
 | 3 rioshikelong121 2022 年 5 月 12 日 本质上不存在"统一的缩进规范"这种东西。具体看项目约定。我的职业生涯里面用 2 space 比较多。 或者可以看看前端比较流行的几种风格规范中对于 indent 是怎么约定的: https://google.github.io/styleguide/jsguide.html#formatting-block-indentation https://github.com/airbnb/Javascript#whitespace https://standardjs.com/rules.html 我发现都是 2 space 风格。 |
 | 4 nomagick 2022 年 5 月 12 日  1 程序语言一般是 4 个空格，因为缩进层次比较少，空格多更清晰 mark-up 语言包括 HTML ，yaml ，扩展到 XML ，JSON ，两个空格， 因为缩进层次非常多，空格多了反而更乱。 现在前端理论上应该 html 两个空格，js/ts/css 四个空格， 但现在拜 vue 和 jsx 所赐，程序和 mark-up 是混写的， 无论如何都很乱，无论如何其实都错了，所以不必再关心对错。 |
 | 5 unt OP @dayeye2006199 @molvqingtai @rioshikelong121 @nomagick 嗯，我表述的不太对，我知道没有对错，应该问：哪种更主流，你们公司现在的 eslint 规范是几个空格？ 因为存在一个习惯性问题，毕竟迎合大众可能比较好一点。 |
| 6 molvqingtai 2022 年 5 月 12 日 @unt 目前社区主流的规范，我们公司使用的 Standard ，没有分号 Airbnb: https://github.com/airbnb/Javascript Standard: https://github.com/standard/standard Google: https://github.com/google/eslint-config-google XO: https://github.com/xojs/eslint-config-xo |
 | 7 duduaba 2022 年 5 月 12 日 我是受不了 4 个空格，层级深的情况感觉左边空了一大片，视觉上很难受。 |
 | 8 MaxTan 2022 年 5 月 12 日 个人习惯，所有都统一 4 空格缩进 |
 | 9 sunmoon1983 2022 年 5 月 12 日 @MaxTan 大赞，我这都是 4 个空格，2 个的话看着不清晰 |
 | 10 murmur 2022 年 5 月 12 日 我们按 4 个空格，因为后端是 java ，受不了 4 个空格的换个显示器嘛，买个 21:10 的，8 个空格都放得下 |
 | 11 darknoll 2022 年 5 月 12 日 前端 2 个空格，后端 4 个空格 |
 | 12 wktrf 2022 年 5 月 12 日 2 个空格显示得多些，单引号少按一个键，分号结尾 |
 | 13 iamzuoxinyu 2022 年 5 月 12 日 1 2 空格缩进说明前端普遍代码写得烂，嵌套层次深。 |
 | 14 icyalala 2022 年 5 月 12 日 3 不如折中一下，3 个空格 (狗头) |
 | 15 fiypig 2022 年 5 月 12 日 我一直习惯 4 个 |
 | 17 undeflife 2022 年 5 月 12 日 开始我写 c 、java 都是 4 空格 后来我写 ruby 改 2 空格了 现在发现用 tab 最好，每个人都可以自己自己宽度，至于不会 tab 和 space 混用就行。 |
 | 18 FightPig 2022 年 5 月 12 日 我一直统一两个 |
| 19 murmur 2022 年 5 月 12 日 @nomagick 缩进层次多才需要 4 个空格，就英文字体那点宽度，字稍微小点 2 个空格用人眼看层级简直是挑战，难不成每次都拿 ide 折叠一下 |
 | 21 chenyu0532 2022 年 5 月 12 日 还是太闲了，加个班吧 |
 | 22 cpstar 2022 年 5 月 12 日 以前四个空格，后来发现，还是 tab 靠谱，永远不乱 |
 | 23 libook 2022 年 5 月 12 日 面向需求选择方案，而不是一棵树上吊死。 个人感受是 4 空格缩进很容易分辨代码层级，但有的时候每行会比较长，折行频繁层级关系也就不那么清晰了，那么可以退而求其次用 2 格空格缩进，比如 HTML 。 但像 Vue components 这种每个组件代码块层级也不会特别深，也可以考虑 4 空格缩进。 团队约定清楚就好，然后搭配 linter 规则，提供个 editorconfig 文件，基本就不需要关心了。 |
| 24 nomagick 2022 年 5 月 12 日 @murmur 层次多的时候屏宽才是主要问题，滚来滚去比人眼花矛盾更突出，要减少屏宽，所以两个空格。 而且 markup 对层次没那么敏感，信息密度很低，单位面积多显示一点东西收益更高 |
 | 25 swulling 2022 年 5 月 12 日 via iPhone 三楼说的对，层级太多四个空格就比较难受 |
 | 26 pota 2022 年 5 月 12 日 4 空格 2 空格实在是不习惯 |
 | 27 zhangshine 2022 年 5 月 12 日 我用 4 个空格，但是很多开源的用 2 个空格 |
 | 28 pomelotea2009 2022 年 5 月 12 日 via Android 前 2 后 4 ，而且不喜欢 html 每个属性一行，太占空间了 |
 | 29 snoopyhai 2022 年 5 月 12 日 空格还是 tab ，2 个还是 4 个， 都可以。 项目里创建 editorConfig 文件，约定好即可。 |
 | 30 Notamo 2022 年 5 月 13 日 Tab 键的来源就是古时候的印刷排版，是用来控制文字缩进的独立元素，有自己固定的宽度，不是由多少个空格组成的。后来引用到打字机，再到现代的键盘。 无论是排版，还是打字机，Tab 的长度和空格的长度都是分开计算的。 而代码中的缩进，就应该和文字排版中的缩进一样，应该用 Tab 来表示，而不是用多少个空格组成。 |
 | 31 wangtian2020 2022 年 5 月 13 日 按照个人喜好来 在项目根目录放个格式化配置文件就不用管了 .prettierrc { "singleQuote": true, "semi": false, "trailingComma": "es5", "printWidth": 140, "arrowParens": "always", "endOfLine": "auto", "useTabs": false, "tabWidth": 2 } 我个人喜欢单引号字符串，不用分号结尾，2 空格缩进 没错，我就是认为短的就是好的 反正就我一个前端 |
 | 32 renhou 2022 年 5 月 13 日 @molvqingtai 老哥你好，我想问一下，主流的规范有 airbnb ，Standard 等等 假如我初始化了一个 vue 或 react 项目，导入 eslint 但并没有导入 Standard 等规范 那 eslint 是基于什么规范 lint 的呢？ eslint 默认的规范嘛 |
| 33 molvqingtai 2022 年 5 月 13 日 1 @lian704 如果你使用的是 vue-cli ，在 eslintrc 的 extends 字段中你会看到 "eslint:recommended", "plugin:vue/recommended", 第一个是 eslint 默认规则，第二个是 vue 官方的配置 |
 | 34 liuhuansir 2022 年 5 月 13 日 前端 2 空格、后端 4 空格，go 没搞懂为啥是 8 个空格，看着好别扭 |
| 35 renhou 2022 年 5 月 13 日 @molvqingtai 哦哦哦，原来是这样，看来一直在用的就说默认配置。谢谢 |
 | 36 ryanlid 2022 年 5 月 13 日 2 个空格，单引号，用分号 ~ |
 | 37 MonoLogueChi 2022 年 5 月 13 日 via Android @murmur 缩进层次多，如果还是 4 空格，就很容易超出屏幕范围，或者是换行过多，换行过多又容易造成缩进层次增加，恶性循环。 如果 2 空格你觉得不好分辨，可以把缩进线打开。 |
Select Language