• 请不要在回答技术问题时复制粘贴 AI 生成的内容
sadyx
0.27D
V2EX  ›  程序员

前端代码缩进, 2 格还是 4 格?

  •  
  •   sadyx ·
    SADYX · Jul 25, 2023 · 8892 views
    This topic created in 1203 days ago, the information mentioned may be changed or developed.

    工作用 react ,我一直是 4 格,但同事都是 2 格。大家的习惯是什么样的?

    83 replies  •  2023-07-27 10:42:54 +08:00
    SniperXu
    SniperXu
    Jul 25, 2023
    1
    我是 4 格,同事 2 格
    mdn
    mdn
    Jul 25, 2023
    2
    prettier .editorconfig
    写代码都是直接 回车,然后格式化,不知道是 tab 还是 空格
    Pastsong
    Pastsong
    Jul 25, 2023❤️1
    3
    两格,jsx 里混了 xml ,本身缩进就多。缩进这东西有了能区分就行,缩太多占屏幕空间
    tool2d
    tool2d
    Jul 25, 2023
    4
    我偏后端都是 4 格,但是前端有手写一大堆 div 嵌套情况,2 格也是完全能理解的。
    Megrax
    Megrax
    Jul 25, 2023
    5
    2 格,写 HTML/XML 缩进太多,4 格太浪费空间,代码缩进只是为了阅读时层次清晰分明,2 格足矣,写 JS 啥的就顺便都统一用 2 格了。
    7inFen
    7inFen
    Jul 25, 2023
    6
    2 格用的多
    https://github.com/facebook/react/blob/main/.editorconfig

    ```
    # https://editorconfig.org
    root = true

    [*]
    charset = utf-8
    end_of_line = lf
    indent_size = 2
    indent_style = space
    insert_final_newline = true
    max_line_length = 80
    trim_trailing_whitespace = true

    [*.md]
    max_line_length = 0
    trim_trailing_whitespace = false

    [COMMIT_EDITMSG]
    max_line_length = 0
    ```
    smark
    smark
    Jul 25, 2023
    7
    自从用了笔记本就换 2 格了
    momo2278
    momo2278
    Jul 25, 2023
    8
    你们居然不统一 editorconfig 和 prettier 的?目前基本都用 2 格了吧,前端主要是 html 嵌套深度问题
    AV1
    AV1
    Jul 25, 2023
    9
    以前我都是用 tab 缩进的,后来新项目的脚手架都是默认两格,就跟着用两格,懒得改了。
    leroy20317
    leroy20317
    Jul 25, 2023
    10
    不管两格还是四格 公司代码建议统一标准 eslint prettier 加 git hooks
    我更倾向于两格 四格有点浪费
    Leonard
    Leonard
    Jul 25, 2023
    11
    vsc 格式化给几格就是几格,我都可以
    106npo
    106npo
    Jul 25, 2023 via Android
    12
    tab 缩进,你爱用几格就配几格
    gimp
    gimp
    Jul 25, 2023
    13
    写后端 4 空格,写前端 2 空格。
    dif
    dif
    Jul 25, 2023
    14
    4 格,tab 也设置 4 个空格。
    ethusdt
    ethusdt
    Jul 25, 2023
    15
    2 格,后来转去写 Swift ,用 4 格好不习惯。
    bruce0
    bruce0
    Jul 25, 2023❤️1
    16
    我用 go 几格 我说了也不算🐶
    QUC062IzY3M1Y6dg
    QUC062IzY3M1Y6dg
    Jul 25, 2023
    17
    tab 缩进 2 格
    cnbatch
    cnbatch
    Jul 25, 2023
    18
    4 格
    我在公司用 C# 做的网站项目,需要前后格式统一
    richangfan
    richangfan
    Jul 25, 2023
    19
    前后端都是 4 格
    Virexw
    Virexw
    Jul 25, 2023
    20
    公司规范是两格。但是有个资深 sb 老是不配置代码规范配置文件,直接用 tab 。搞得我 idea 老是报黄色。
    yjim
    yjim
    Jul 25, 2023
    21
    项目统一就好了,印象中我见过的项目,后端 4 格比较多,前端 2 格
    fang2hou
    fang2hou
    Jul 25, 2023 via iPhone
    22
    我是啥语言都四格,如果四个看上去挤了,那我就知道该把代码分开了。
    yukiwc
    yukiwc
    Jul 25, 2023
    23
    4 格,2 格太挤了看不习惯
    ysc3839
    ysc3839
    Jul 25, 2023 via Android
    24
    我自己写 C++是 Tab4 格,写前端是 Space2 格
    xiangyuecn
    xiangyuecn
    Jul 25, 2023
    25
    2 格反人类,肉眼看去和没缩进一样,干脆不缩进得了
    molvqingtai
    molvqingtai
    Jul 25, 2023
    26
    前端一般都是 2 格
    theprimone
    theprimone
    Jul 25, 2023
    27
    尝试做了一个全套代码规范的脚本 https://github.com/jannajs/janna 目前自用还行
    CodeCodeStudy
    CodeCodeStudy
    Jul 25, 2023
    28
    后端 4 格,因为后端嵌套没那么多,用 4 格看清楚些,前端用 2 格,因为前端实在嵌套太多了
    sdjl
    sdjl
    Jul 25, 2023
    29
    python 4, js 2
    mdn
    mdn
    Jul 25, 2023
    30
    @xiangyuecn 2 格反人类?那你是没见过 js 回调地狱
    hgc81538
    hgc81538
    Jul 25, 2023
    31
    用 tab 不好嗎, 只佔用 1 字節, 而且用戶可以按喜好用 2/3/4 空格顯示, 我不明白為什麼空格是主流...
    woshipanghu
    woshipanghu
    Jul 25, 2023
    32
    前端嵌套太多了 2 格比较好
    chu1337
    chu1337
    Jul 25, 2023
    33
    统一即美
    churchill
    churchill
    Jul 25, 2023
    34
    2 ,没有看不清楚吧,看图说话
    [Imgur]( https://imgur.com/SFDIOEJ)
    777777
    777777
    Jul 25, 2023
    35
    go 强行统一
    xiangyuecn
    xiangyuecn
    Jul 25, 2023❤️1
    36
    @mdn #30 @woshipanghu #32 不管是 js ,还是 html ,4 空格或者 1tab 的可读性完全吊打 2 空格的,如果硬要上 5 层 10 层 100 层的缩进,几格都不好使。另:回调地狱不单是 js 的专利,只要你愿意,很多语言都支持函数套函数写法,写的烂不能怪缩进
    duke807
    duke807
    Jul 25, 2023 via Android
    37
    嫌 4 格太长的估计没写过 linux kernel 代码
    darknoll
    darknoll
    Jul 25, 2023
    38
    必须是两个空格
    guo4224
    guo4224
    Jul 25, 2023 via iPhone
    39
    tab
    hello2090
    hello2090
    Jul 25, 2023
    40
    有没有人相信,我曾经在缩进 3 格的地方干了 6 年!
    woshipanghu
    woshipanghu
    Jul 25, 2023
    41
    @xiangyuecn 那你可能没写过稍微复杂点的前端 页面随随便 10 个嵌套很正常
    tediorelee
    tediorelee
    Jul 25, 2023
    42
    2
    IvanLi127
    IvanLi127
    Jul 25, 2023 via Android
    43
    两格。。现在前端太复杂了,React 如果用 C
    ontext 的话,四格那没两下就到屏幕外边去了。。。
    darkengine
    darkengine
    Jul 25, 2023
    44
    React 我用两格, app (OC, Java)用四格
    liunice
    liunice
    Jul 25, 2023
    45
    我以前喜欢四格,自从使用超宽屏后,改为两格。左边放编辑器,右边放浏览器。
    cloudzqy
    cloudzqy
    Jul 25, 2023
    46
    如果是纯写 node ,可以用四格。写 jsx ,vue 之类的,不要用 4 格。
    4 格的可读性是好了,但是写 html 相关的东西,随便套个几层就爆了。
    wyx119911
    wyx119911
    Jul 25, 2023❤️2
    47
    总结:4 格太长浪费空间,2 格容易看不清,我选择 3 格🐶
    luvxy
    luvxy
    Jul 26, 2023
    48
    4 格,2 格觉得挤说明要封装了
    LindsayZhou
    LindsayZhou
    Jul 26, 2023
    49
    看语言。
    内核那边是 tab 缩进,8 宽度
    Python 的 pep8 是建议 4 空格
    sunmoon1983
    sunmoon1983
    Jul 26, 2023
    50
    4 空格,必须的
    jorneyr
    jorneyr
    Jul 26, 2023
    51
    比较喜欢 4 个空格,看起来舒服,2 个空格太挤了。
    现在前端 HTML 一般情况层次不会太深了,都抽象成组件了。
    jixule
    jixule
    Jul 26, 2023
    52
    4 格舒服,但是 vscode 分栏显示的时候太占地方,最头疼横向滚动
    psklf
    psklf
    Jul 26, 2023
    53
    这种帖能进水深火热不 @Livid
    tisswb
    tisswb
    Jul 26, 2023
    54
    前端 2 格,后端 4 格( php ,python ,java )
    StateMa
    StateMa
    Jul 26, 2023
    55
    4 ,后端干旧了习惯了,虽说现在都是 eslint 了,无所谓了
    tyrone2333
    tyrone2333
    Jul 26, 2023
    56
    公司屏幕小, 项目都是 2 格, 家里大屏喜欢 4 格
    adimn
    adimn
    Jul 26, 2023
    57
    4 格, 眼睛不管用了 2 格看不出来
    dongdongdong
    dongdongdong
    Jul 26, 2023
    58
    2
    thinkershare
    thinkershare
    Jul 26, 2023
    59
    我喜欢 4 个空格,2 个空格太短了。不过项目启动时候会和团队的人决策,然后写入到代码风格检测工作流,最终提交到仓库反正是统一的格式。你自己本地怎么搞别人也管不了。
    me1onsoda
    me1onsoda
    Jul 26, 2023
    60
    ide 一键 reformat code ,管他是几格
    ispinfx
    ispinfx
    Jul 26, 2023 via iPhone❤️1
    61
    3 格,别争了
    karott7
    karott7
    Jul 26, 2023
    62
    1 格
    Arrowing
    Arrowing
    Jul 26, 2023
    63
    不管语言都喜欢 2 格,能看到更多内容
    lmmlwen
    lmmlwen
    Jul 26, 2023
    64
    前端 2 格 html 你懂的
    后端 4 格 你懂的
    linkopeneyes
    linkopeneyes
    Jul 26, 2023
    65
    我都是跟着项目的 prettier 和 eslint 走的,git 提交也有验证,不会出现混用的情况吧
    sankooc
    sankooc
    Jul 26, 2023
    66
    我一般是用 2 格 主要觉得 2 格好看一些
    skiy
    skiy
    Jul 26, 2023
    67
    四格。
    但写 yaml 时,两格。

    基本不用 tab ,因为文档有时是空格,有时 tab ,会导致格式不一致,然后又不明显。
    flyinghigherair
    flyinghigherair
    Jul 26, 2023
    68
    4 格,从 vs 时代写 asp 时候遗传下来的习惯
    zackzergzeng
    zackzergzeng
    Jul 26, 2023
    69
    之前代码写几格就写几格,我 js 和 python 混写,js2 格,python4 格
    daliusu
    daliusu
    Jul 26, 2023
    70
    写了七八年前端,除了很早期的时候直接写 html ,否则真没见过 4 格的
    Jaosn
    Jaosn
    Jul 26, 2023
    71
    前端肯定 2 ,4 的话配合上 80 宽度,无法想象
    HCT1
    HCT1
    Jul 26, 2023
    72
    坚定的 2 格党,vue 和 react 的文档也都是 2 格,跟人辩论也更有信心✌️
    startdust
    startdust
    Jul 26, 2023
    73
    前端,2 格
    debuggerx
    debuggerx
    Jul 26, 2023
    74
    个人习惯 2 格,换行从 80 改为 120 ~ 160
    greatbody
    greatbody
    Jul 26, 2023
    75
    看你的电脑屏幕宽不宽,宽就 4 格,否则 2 格。
    leeggco
    leeggco
    Jul 26, 2023
    76
    2 格
    tuutoo
    tuutoo
    Jul 26, 2023
    77
    前端应该 2 格的多点吧。 后端 C#是 Tab 或者是 4 格的。
    Longerrrr
    Longerrrr
    Jul 26, 2023
    78
    ediorconfig 用 tab ,然后 tab 长度显示按个人喜好选 2 格还是 4 格。
    Masoud2023
    Masoud2023
    Jul 26, 2023
    79
    2
    Laobai
    Laobai
    Jul 26, 2023
    80
    看格式化的时候试几格,那就是几格🤣
    K120
    K120
    Jul 26, 2023
    81
    前端 2 格是正确! 后端 4 格。
    alexchan
    alexchan
    Jul 26, 2023
    82
    0 格,主打一个就是整齐😎
    ajan
    ajan
    Jul 27, 2023
    83
    tab , 4 格,自动换行
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   2574 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 238ms · UTC 11:04 · PVG 19:04 · LAX 03:04 · JFK 06:04
    ♥ Do have faith in what you're doing.