VsCode 未使用单引号格式化 TS/JS 文件

Question

VS Code最新更新之一后，按Ctrl+Shift+F时在windows，是auto 尽管我将其设置为仅使用单引号，但我的所有代码都使用双引号而不是单引号进行格式化。

这是我的设置文件：

{
"[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"typescript.updateImportsOnFileMove.enabled": "always",
"[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"atlascode.jira.workingSite": {
    "baseUrlSuffix": "atlassian.net"
},
"yaml.schemas": {
    "file:///c%3A/Users/kevin/.vscode/extensions/atlassian.atlascode-2.1.5/resources/schemas/pipelines-schema.json": "bitbucket-pipelines.yml"
},
"window.zoomLevel": -1,
"[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"git.autofetch": true,
"javascript.preferences.quoteStyle": "single",
"typescript.preferences.quoteStyle": "single",
"prettier.jsxSingleQuote": true,
"prettier.singleQuote": true

}

还有其他人处理这个吗？

谢谢！！！

Answer 1

从您的设置文件来看，您似乎正在使用 prettier 进行代码格式化。在最近的更新中，prettier 将读取配置从通用设置文件更改为 prettier 设置的专用文件。您可以通过他们提供的许多选项配置更漂亮。

https://prettier.io/docs/en/configuration.html

示例 (JSON):

创建 .prettierrc 文件，用 JSON 或 YAML 编写，具有可选扩展名：.json/.yaml/.yml（无扩展名优先）。

.prettierrc

{
  "singleQuote": true
}

然后在settings.json（vscode设置文件）中提供.prettierrc文件的绝对路径。

settings.json

...
"prettier.configPath": "./.prettierrc"
...

希望对您有所帮助！

Answer 2

Jins Thomas Shaji 的回答很有帮助。但是除了他说的，你还需要在.prettierrc

中添加一行

"jsxSingleQuote": true

所以，结论：

.prettierrc

{
"singleQuote": true, 
"jsxSingleQuote": true,
}

settings.json

"prettier.configPath": "./.prettierrc"

VsCode 未使用单引号格式化 TS/JS 文件

VsCode not formatting TS/JS files with single quotes

javascript

typescript

visual-studio-code

prettier