VSCode for Vue 中的 Scss 格式

Question

我弄乱了我的 VSCode 设置，现在我无法恢复 SCSS 格式。它既不适用于 Vue SFC <style lang="scss" /> 也不适用于普通 SCSS 文件。我安装了 Vetur 但没有 Prettier。这是我的 VSCode 设置：

{
  "editor.formatOnSave": true,
  "editor.formatOnPaste": true,
  "editor.codeActionsOnSave": {
    "source.fixAll": true
  },
  "editor.minimap.enabled": false,
  "breadcrumbs.enabled": false,
  "editor.fontSize": 12.5,
  "editor.tabSize": 2,
  "editor.renderWhitespace": "none",
  "search.exclude": {
    "**/package-lock.json": true,
    "/package-lock.json": true,
    "**/node_modules": true,
    "**/.git": true,
    "**/.DS_Store": true,
    "**/nuxt": true
  },
  "files.exclude": {
    "**/node_modules": true,
    "**/.git": true,
    "**/.DS_Store": true,
    "**/nuxt": true
  },
  "webhint.enableTelemetry": "disabled"
}

非常感谢您的帮助！

Answer 1

发现了问题，我用一个不存在的规则破坏了 .prettierrc。

VSCode for Vue 中的 Scss 格式

Scss formatting in VSCode for Vue

sass

vscode-settings

prettier

vetur