才发现 vscode 写 vue 无法格式化选中的代码。。。 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
tanpengsccd
V2EX    Vue.js

才发现 vscode 写 vue 无法格式化选中的代码。。。

  •  
  •   tanpengsccd 2022-06-01 01:03:58 +08:00 4499 次点击
    这是一个创建于 1228 天前的主题,其中的信息可能已经有所发展或是发生改变。

    感觉好难受啊。。。

    23 条回复    2023-07-24 10:46:02 +08:00
    israinbow
        1
    israinbow  
       2022-06-01 01:06:21 +08:00 via Android
    装 vuelint 啦.
    molvqingtai
        2
    molvqingtai  
       2022-06-01 01:07:27 +08:00
    为什么会有这个需求呢,不都是整个文件格式化吗,难道一个 .vue 文件有多种格式?
    tanpengsccd
        3
    tanpengsccd  
    OP
       2022-06-01 01:37:25 +08:00 via iPhone
    @israinbow 我康康。

    @molvqingtai 因为我的习惯的话,数据字典少( 3 对以内)我会不换行,多的话我会换行,一个格式化就全部乱了啊
    renhou
        4
    renhou  
       2022-06-01 07:52:10 +08:00   1
    你可以配置格式化规则老铁,换不换行,什么时候换行全听你的
    RickyC
        5
    RickyC  
       2022-06-01 08:53:08 +08:00
    先全局格式化,
    然后复制特定的部分,
    然后撤销全局格式化,
    然后粘贴覆盖指定区域
    binaryify
        6
    binaryify  
       2022-06-01 09:22:58 +08:00
    我的理解是 vue 文件比较特殊,一个 vue 文件里面包含不同语言部分,所以格式化不知道用哪个工具格式化
    wu67
        7
    wu67  
       2022-06-01 10:00:49 +08:00   1
    @molvqingtai 你是没经历过改别人的代码吗....有时候一个文件好几个人改过, 几种风格, 又不想动无关区域的代码, 只想格式化自己改的那部分, 不然提交 review 的时候又一堆不相干的红红绿绿
    xuxuzhaozhao
        8
    xuxuzhaozhao  
       2022-06-01 10:10:01 +08:00
    @RickyC #5 我就是这样操作的,哈哈
    renhou
        9
    renhou  
       2022-06-01 10:13:32 +08:00
    @wu67
    你好老铁,你说的这种情况怎么发生的?
    假如团队有格式约定:那么文件应该是按照统一格式来格式化
    假如团队没有格式约定:那么为什么要单独格式化自己的部分,就因为看着不舒服嘛
    wu67
        10
    wu67  
       2022-06-01 10:29:37 +08:00
    @lian704 就是因为没有规范. eslint 也是用的宽松约束, 导致在这个约束之下, 每个人都衍生了自己的风格...

    那其他人不管就算了, 你自己写的, 也不格式化吗, 那岂不是自己也写出 n 种风格...自己改的那块代码都看着不舒服还不够你去格式化?
    RealJacob
        11
    RealJacob  
       2022-06-01 10:41:24 +08:00
    @tanpengsccd 格式化规则这东西不是自己配的么
    daliusu
        12
    daliusu  
       2022-06-01 10:42:40 +08:00
    @binaryify 其实是知道的啊,eslint 就可以格式化,prettier 也可以吧,但是这都是格式化一个文件的,格式化一个片段应该要插件和编辑器本身支持
    binaryify
        13
    binaryify  
       2022-06-01 10:53:57 +08:00
    @daliusu 我意思就是这个
    Bingchunmoli
        14
    Bingchunmoli  
       2022-06-01 12:42:53 +08:00
    @tanpengsccd +1 我用 webstorm 。。 因为主用 idea 所以自己弄规则熟一点
    Bingchunmoli
        15
    Bingchunmoli  
       2022-06-01 12:44:04 +08:00
    @lian704 自己有强迫症,自己遵循规范,团队无约定,有新手有老手,新手一顿乱写。 所以只格式化自己的防止 git 合并冲突
    yiqiao
        16
    yiqiao  
       2022-06-01 15:37:35 +08:00
    @molvqingtai 看来老哥没经历过屎山项目,有时候全局格式后代码跑步起来。
    nicktogo
        17
    nicktogo  
       2022-06-01 16:20:46 +08:00 via iPhone
    @lian704 实际中,代码格式并没有一开始就完整建立起来,在慢慢地演化和统一。dev infra 做得好的话,会在格式变化的时候统一格式化全部代码。否则后来修改代码的人全局格式化就会引入不相关修改,干扰 code review ,甚至把 blame 弄得牛头不对马嘴。
    jokeopps
        18
    jokeopps  
       2022-06-02 09:08:02 +08:00
    配置 eslit ,保存自动格式化, 而且针对, 对象 key 不超过 3 个不换行也是可以配置的
    lujiaosama
        19
    lujiaosama  
       2022-06-02 09:35:44 +08:00
    @yiqiao 直接格式化跑不起来没试过. 但是格式化后代码会产生冲突, 然后解决冲突的过程中把代码改炸了然后跑不起来试过. 多人协作的时候我都不敢随便全局格式化, 只能难看就难看吧.
    tanpengsccd
        20
    tanpengsccd  
    OP
       2022-06-02 16:42:59 +08:00   1
    gausszhou
        21
    gausszhou  
       2022-07-10 21:15:13 +08:00
    统一用 prettier
    Kung815
        22
    Kung815  
       2023-07-20 14:03:35 +08:00 via iPhone
    @tanpengsccd 所以 vscode 格式化选中的内容还是无解吗?
    tanpengsccd
        23
    tanpengsccd  
    OP
       2023-07-24 10:46:02 +08:00
    @Kung815 所以是的.
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2722 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 25ms UTC 11:37 PVG 19:37 LAX 04:37 JFK 07:37
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86