跳至主要內容
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?

4563博客

全新的繁體中文 WordPress 網站
  • 首頁
  • 求问 vscode 格式化 vue 代码的最佳姿势?
未分類
18 4 月 2021

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

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

資深大佬 : iscurry 4

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

大佬有話說 (14)

  • 資深大佬 : CheckTime

    提供参考:我在 Jetbrains 上,使用配置了 ESLint 的项目,使用 Fix ESLint Problems 可以格式化代码

  • 資深大佬 : Track13

    cli 创建项目的时候你选的 Standard Style?
    https://standardjs.com/

  • 資深大佬 : zhuweiyou

    prettier 插件

  • 資深大佬 : renmu123

    安装 vetur 插件。或 npm 安装 prettier 后配置文件,设置为保存时自动格式化

  • 資深大佬 : AeroXu

    Vetur 可以读取你的 prettier 配置,然后格式化。另外 prettier 也可以格式化 vue 文件。

  • 資深大佬 : noqwerty

    哈哈哈哈换了个问法真的没人喷你了

  • 資深大佬 : devld

    vetur 可以配置 js/ts 格式化器。prettier 貌似不能配置方法名后面的空格,默认没空格;如果用 vscode 自带的格式化器,可以配置方法名后面的有没有空格。

    报错是因为 eslint 的规则,我用 prettier 时,直接把这个规则禁用掉了。

  • 資深大佬 : wozhihuipinyin

    拷一份大佬的配置文件,eslint 再也不会报错了

  • 資深大佬 : jimliang

    eslint auto fix

  • 資深大佬 : bojackhorseman

    @noqwerty 哈哈哈,这样

  • 資深大佬 : FightPig

    prettier + eslint

  • 資深大佬 : uxstone

    @尤小右

  • 資深大佬 : kid740246048

    建议用 prettier 格式化代码,然后 eslint 配下规则,仅检查语法而不检查格式,不然大概率跟 prettier 起冲突。
    顺便推荐一套一直在用的 eslint 规则: https://github.com/AlloyTeam/eslint-config-alloy

  • 資深大佬 : laicanwen

    看你的格式化规则,格式化代码应该用的是 prettier 或其他的。然后报错是因为 eslint 的规则检查。
    prettier 无法格式化为 a () {},这一点是跟 eslint 冲突的。
    如果是你的个人项目,可以考虑修改 eslint 规则或使用 eslint 插件配合 eslint 进行格式化。如果是多人公司项目你没办法修改规则,那你就乖乖照 eslint 的规定去格式化。
    个人的配置是格式化使用 eslint 插件,以及保存文件时自动格式化代码,vue 和 js 都是同理。具体的配置在 vsc 的 setting 文件里,具体操作百度很多,我就不赘述了。

文章導覽

上一篇文章
下一篇文章

AD

其他操作

  • 登入
  • 訂閱網站內容的資訊提供
  • 訂閱留言的資訊提供
  • WordPress.org 台灣繁體中文

51la

4563博客

全新的繁體中文 WordPress 網站
返回頂端
本站採用 WordPress 建置 | 佈景主題採用 GretaThemes 所設計的 Memory
4563博客
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?
在這裡新增小工具