vscode 代码格式化问题

来源：4-5 ColumnList 组件编码

__攻城狮_

2020-09-25

vscode settings.json文件
ColumnList.vue
vscode 中代码用快捷键格式化后，settings.json 中的配置跟项目要求的代码格式冲突。
有的末尾需要分号（interface代码块中），有的不需要（如2图末尾标注），有的需要逗号结尾，有的不需要，快捷键格式化代码会给统一处理都加或者都不加。这种情况下，如何配置？

补充：通俗点讲就是用快捷键格式化代码的时候，vscode 都给粗暴的统一处理了

写回答

1回答

张轩

2020-09-25

已采纳

同学你好这是因为你的 prettier 的配置不完全，可以多加一项，处理掉末尾的空格，我试了一下这个配置，应该完全符合你的要求。

"prettier": {
    // Prettier option here
    "semi": false,
    "singleQuote": true,
    // 这一项是新添加的
    "trailingComma": "none"
}

其实比较厉害的功能是 prettier 可以直接按照 eslint 的配置，自动的格式化代码，而不是自己进行配置配置文件的书写。但是这个过程要装一些插件和配置，比较繁琐，同学课后有空可以研究一下。

qq_心成_2

老师这个配置文件在哪能够找到呢

2021-01-28

共2条回复

Vue3 + TS 仿知乎专栏企业级项目

带你完成前后端分离复杂项目，率先掌握 vue3 造轮子技能

3142 学习 · 2313 问题

查看课程

相似问题

eslint代码审查有没有格式化的插件啊每次格式化就报错

回答 1

是不是格式化不应该用Prettier ?

回答 2

关于代码格式化插件

回答 1

老师你好，Vetur在保存代码的时候自动添加了逗号分号报错怎么办？

回答 1

我在 vue3项目中使用了 prettier 作为格式化风格，但是 vscode 不生效

回答 1

打开慕课网App查看更多内容