时间戳

首页 > 解决方案 > 更漂亮的 JavaScript 和 JSON 单引号，HTML、Sass 和 CSS 的双引号

prettier - 更漂亮的 JavaScript 和 JSON 单引号，HTML、Sass 和 CSS 的双引号

问题描述

在 VSCode 中，每当我保存文件时，Prettier 都会将所有单引号更改为双引号。我想为 SCSS 和 CSS 文件保留此行为，但想为 JavaScript 和 JSON 文件更改它。

我知道设置"prettier.singleQuote": true，但这会将所有文件类型中的双引号更改为单引号。

如何仅为 JavaScript 和 JSON 文件激活单引号，并为 SCSS 和 CSS 文件保留双引号？

标签： prettier

解决方案

在项目文件夹中使用 Prettier 配置文件：.prettierrc

在您的配置文件中使用 Prettier 覆盖：https ://prettier.io/docs/en/configuration.html#configuration-overrides

因此，在您的情况下，此示例配置应该可以工作（.prettierrc）：

{
    "singleQuote": true,
    "overrides": [
        {
            "files": ["**/*.css", "**/*.scss", "**/*.html"],
            "options": {
                "singleQuote": false
            }
        }
    ]
}

推荐阅读