为什么在 VS Code 中保存后反引号会被删除？

Question

  const categoryIcons = {
    'All Books': LocalLibraryIcon,
    'Business Management': AnalyticsIcon,
    'Biographies and Memoirs': PeopleIcon,
    Design: DesignServicesIcon,
    'Economics and Politics': AccountBalanceIcon,
    Fiction: AutoFixHighIcon,
    'Health and Fitness': MonitorHeartIcon,
    'Money and Investing': ShowChartIcon,
    'Non-Fiction': LibraryBooksIcon,
    Psychology: PsychologyIcon,
    Poetry: LocalFloristIcon,
    'Science and Nature': ScienceIcon,
    'Self-Improvement': TrendingUpIcon,
    Technology: CodeIcon,
  };

我想在设计、小说、心理学、诗歌和技术方面加上反引号。我使用 Prettier 作为默认格式化程序。每当我保存时，这些单词中的反引号都会被删除。

Answer 1

因为这些是单引号（不是反引号），并且它们不是必需的。仅当键包含需要转义的字符（例如空格）时才需要引号。

此设置由Prettier 的quote-props选项配置，其默认值为as-needed。这意味着只有在需要时才会保留报价。

如果您不喜欢这种行为，可以选择其他选项之一：

• "as-needed" - 仅在需要时在对象属性周围添加引号。
• "consistent"- 如果对象中至少有一个属性需要引号，请为所有属性加上引号。
• "preserve"- 尊重对象属性中引号的输入使用。