如何不让 Prettier 格式化文件中的某一行

遇到的问题

在写 CSS 的时候，遇到一个 Prettier 的格式化问题

• gif 演示

• Prettier 格式化前

.markdown-body h3::before {
  content: counter(section)'.'counter(subsection);
}

• Prettier 格式化后，在 '.'左右新加了空格，这不符合预期，会导致 content 里面的内容多出空格

.markdown-body h3::before {
  content: counter(section) '.' counter(subsection);
}

解决步骤

1. 由分析知道出现这个问题的原因是 Prettier 格式化导致的，那把 Prettier 禁用掉就可以了。
2. 因为这个 CSS 文件里面还是需要 Prettier 来格式化的，只是在格式化 content: counter(section)'.'counter(subsection); 这一行不符合预期，所以只需要针对这一行的维度把 Prettier 禁用掉不让 Prettier 格式化这一行，在这一行上加上 prettier-ignore 注释就行了

.markdown-body h3::before {
  /* prettier-ignore */
  content: counter(section)'.'counter(subsection)'.';
}