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

Posted 2023-02-22

【中文标题】JavaScript 和 JSON 更漂亮的单引号，HTML、Sass 和 CSS 的双引号

【英文标题】：Prettier single quote for JavaScript and JSON, double quote for HTML, Sass and CSS

【发布时间】：2019-08-21 04:33:48

【问题描述】：

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

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

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

【参考方案1】：

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

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

所以在你的情况下，这个示例配置应该可以工作（.prettierrc）：

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

【讨论】：

我在这里看到您忽略了所有 html 文件，如果我希望 HTML 文件中的