更漂亮的不是在 React 中格式化 CSS 代码

Question

我正在尝试使用 Prettier 格式化 css，但它不起作用。有没有我错过的设置的一部分。任何帮助将不胜感激。

以下是setting.json文件。

{
    "workbench.iconTheme": "material-icon-theme",
    "window.zoomLevel": 0,
    "editor.fontSize": 18,
    "prettier.singleQuote": true,
    "prettier.useTabs": true,
    "prettier.jsxBracketSameLine": true,
    "typescript.format.insertSpaceAfterOpeningAndBeforeClosingJsxExpressionBraces": true,
    "explorer.compactFolders": false,
    "scm.inputFontFamily": "",
    "editor.fontFamily": "Operator Mono Lig, Menlo, Monaco, 'Courier New', monospace",
    "emmet.includeLanguages": {
        "javascript": "javascriptreact"
    },
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.formatOnSave": true,
    "javascript.format.insertSpaceAfterOpeningAndBeforeClosingTemplateStringBraces": true,
    "html.format.endWithNewline": true,
    "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, 
    "eslint.alwaysShowStatus": true, 
    "files.autoSave": "onFocusChange",
    "prettier.jsxSingleQuote": true
}