vscode格式化Prettier 配置（解决自动换行问题）

最新推荐文章于 2025-06-27 09:09:28 发布

何浩翔

最新推荐文章于 2025-06-27 09:09:28 发布

阅读量1.7w

点赞数 15

CC 4.0 BY-SA版权

分类专栏：前端vue 文章标签： vscode 编辑器 javascript

本文链接：https://blog.youkuaiyun.com/gxlzhhx/article/details/124735104

前端vue 专栏收录该内容

9 篇文章

订阅专栏

博客作者分享了在Visual Studio Code中使用Prettier遇到的问题，即通过设置PrettierPath无法生效。作者发现直接在项目根目录创建`.prettierrc`配置文件才是有效的方法，并提供了详细的配置示例，包括`printWidth`、`eslintIntegration`等选项。最后，作者强调了正确配置Prettier的重要性，并提到必须使用Prettier-Codeformatter进行格式化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

根据网上参考的大多配置，基本没用！

最长说的就是在prettier里面设置Prettier Path的值。如果你直接在vscode里面编辑设置的话

无论是json写进去，还是设置里面填写进去，都没用！

我不确定这是不是bug

最终解决方案

直接在项目根目录创建 .prettierrc 文件

我感觉吧，只有在配置文件里面写参数才有用。其他的都扯蛋！

然后填写内容如下:

{
    "printWidth": 200,
    "eslintIntegration": true,
    "stylelintIntegration": true,
    "tabWidth": 4,
    "semi": true,
    "singleQuote": true,
    "bracketSpacing": true,
    "arrowParens": "avoid",
    "htmlWhitespaceSensitivity": "ignore",
    "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
    "files.insertFinalNewline": true,
    "useTabs": false,
    "endOfLine": "auto",
    "ignorePath": ".gnore",
    "trailingComma": "none"
}

没有效果来砍我（前提你用得是Prettier - Code formatter来操作的format）