V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
watanuki
V2EX  ›  程序员

前端开发的老哥们都喜欢把 Prettier 的 printWidth (单行代码的最大宽度) 设置为多少?

  •  
  •   watanuki · 2020-08-01 15:22:20 +08:00 · 3371 次点击
    这是一个创建于 858 天前的主题,其中的信息可能已经有所发展或是发生改变。
    19 条回复    2020-08-02 11:54:35 +08:00
    Twinkle
        1
    Twinkle  
       2020-08-01 15:46:45 +08:00 via Android
    自己的项目按自己喜欢来,公司项目默认 80 不变
    ck65
        2
    ck65  
       2020-08-01 16:04:39 +08:00
    万年 80
    Austaras
        3
    Austaras  
       2020-08-01 16:41:34 +08:00
    120, 80 总觉得是上一个时代的设定了
    Trim21
        4
    Trim21  
       2020-08-01 16:42:44 +08:00 via Android
    默认设置
    mattxlee
        5
    mattxlee  
       2020-08-01 16:49:25 +08:00
    眼睛不好,用 80,字体大些还可以分两边看不同的文件而不使用滚动条。
    YuTengjing
        6
    YuTengjing  
       2020-08-01 17:12:39 +08:00
    之前看到 ant design 是用 100,我自己也是习惯用 100,不长不短刚刚好,其实显示效果和屏幕大小以及字体大小也有关系。
    FEDT
        7
    FEDT  
       2020-08-01 17:13:53 +08:00 via iPhone
    120
    alphat
        8
    alphat  
       2020-08-01 17:14:13 +08:00
    100
    mattxlee
        9
    mattxlee  
       2020-08-01 17:18:14 +08:00
    如果你们用 120 或 100 的时候,tab width 设置是 2 还是 4 呢?
    otakustay
        10
    otakustay  
       2020-08-01 17:36:27 +08:00
    120 行宽 + 4 缩进 + 强制分号
    Mohanson
        11
    Mohanson  
       2020-08-01 17:43:52 +08:00   ❤️ 2
    这几天看汇编, 终于了解 80 宽度的来源了, 英特尔 8086 处理器提供给显示器的内存大小只有 4000, 其中每个字符本身 ascii 占一个字节, 然后字符颜色, 背景色, 是否闪烁等占一个字节, 所以实际显示器只能显示 2000 字符也就是 25 * 80.

    80 挺好的, 不过我选择 120.
    zzx0403
        12
    zzx0403  
       2020-08-01 17:54:42 +08:00   ❤️ 1
    infinty
    maomaomao001
        13
    maomaomao001  
       2020-08-01 19:54:33 +08:00
    最初 80 , 后来 120 , 现在 100
    creanme
        14
    creanme  
       2020-08-01 20:41:14 +08:00
    140
    creanme
        15
    creanme  
       2020-08-01 20:41:58 +08:00
    140,4 格缩进。
    love
        16
    love  
       2020-08-02 08:06:40 +08:00 via Android
    80 的可读性就太差了,且非常浪费空间,老是要滚屏
    xujiahui
        17
    xujiahui  
       2020-08-02 10:00:47 +08:00
    {
    "singleQuote": true,
    "trailingComma": "all",
    "semi": false,
    "arrowParens": "avoid",
    "printWidth": 120,
    }
    myon
        18
    myon  
       2020-08-02 10:48:31 +08:00
    ```
    module.exports = {
    printWidth: 120, // 最大行宽
    tabWidth: 2, // tab 距离
    trailingComma: 'es5', // 多行时,尽可能打印尾随逗号
    semi: true, // 行尾自动加分号
    singleQuote: true, // 使用单引号替代双引号
    bracketSpacing: true, // 对象{}之间自动加空格,如{ foo: bar }
    endOfLine: 'lf', // 使用 lf 换行符
    };
    ```
    genesislive
        19
    genesislive  
       2020-08-02 11:54:35 +08:00
    120
    关于   ·   帮助文档   ·   API   ·   FAQ   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   5139 人在线   最高记录 5497   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 57ms · UTC 02:21 · PVG 10:21 · LAX 18:21 · JFK 21:21
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.