iscurry

求问 vscode 格式化 vue 代码的最佳姿势?

  •  
  •   iscurry · Apr 4, 2021 · 7966 views
    This topic created in 2048 days ago, the information mentioned may be changed or developed.

    当我格式化 vue 代码时,方法格式化效果为:a() {}
    但是这样在运行时提示格式不正确,本该格式化为 a () {} 请问该如何操作?

    14 replies  •  2021-04-06 10:50:21 +08:00
    CheckTime
    CheckTime
    Apr 4, 2021
    1
    提供参考:我在 Jetbrains 上,使用配置了 ESLint 的项目,使用 Fix ESLint Problems 可以格式化代码
    bgm004
    bgm004
    Apr 4, 2021 via Android
    2
    cli 创建项目的时候你选的 Standard Style?
    https://standardjs.com/
    zhuweiyou
    zhuweiyou
    Apr 4, 2021
    3
    prettier 插件
    renmu123
    renmu123
    Apr 4, 2021 via Android
    4
    安装 vetur 插件。或 npm 安装 prettier 后配置文件,设置为保存时自动格式化
    AeroXu
    AeroXu
    Apr 4, 2021
    5
    Vetur 可以读取你的 prettier 配置,然后格式化。另外 prettier 也可以格式化 vue 文件。
    noqwerty
    noqwerty
    Apr 4, 2021❤️1
    6
    哈哈哈哈换了个问法真的没人喷你了
    devld
    devld
    Apr 4, 2021 via Android
    7
    vetur 可以配置 js/ts 格式化器。prettier 貌似不能配置方法名后面的空格,默认没空格;如果用 vscode 自带的格式化器,可以配置方法名后面的有没有空格。

    报错是因为 eslint 的规则,我用 prettier 时,直接把这个规则禁用掉了。
    wozhihuipinyin
    wozhihuipinyin
    Apr 4, 2021 via Android
    8
    拷一份大佬的配置文件,eslint 再也不会报错了😎
    jimliang
    jimliang
    Apr 4, 2021
    9
    eslint auto fix
    dumbass
    dumbass
    Apr 4, 2021 via iPhone
    10
    @noqwerty 哈哈哈,这样
    FightPig
    FightPig
    Apr 4, 2021
    11
    prettier + eslint
    uxstone
    uxstone
    Apr 5, 2021
    12
    @尤小右
    kid740246048
    kid740246048
    Apr 5, 2021
    13
    建议用 prettier 格式化代码,然后 eslint 配下规则,仅检查语法而不检查格式,不然大概率跟 prettier 起冲突。
    顺便推荐一套一直在用的 eslint 规则: https://github.com/AlloyTeam/eslint-config-alloy
    laicanwen
    laicanwen
    Apr 6, 2021
    14
    看你的格式化规则,格式化代码应该用的是 prettier 或其他的。然后报错是因为 eslint 的规则检查。
    prettier 无法格式化为 a () {},这一点是跟 eslint 冲突的。
    如果是你的个人项目,可以考虑修改 eslint 规则或使用 eslint 插件配合 eslint 进行格式化。如果是多人公司项目你没办法修改规则,那你就乖乖照 eslint 的规定去格式化。
    个人的配置是格式化使用 eslint 插件,以及保存文件时自动格式化代码,vue 和 js 都是同理。具体的配置在 vsc 的 setting 文件里,具体操作百度很多,我就不赘述了。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   4329 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 42ms · UTC 08:10 · PVG 16:10 · LAX 00:10 · JFK 03:10
    ♥ Do have faith in what you're doing.