Проблема с интервалом между отступами в файле Prettier vscode json

При сохранении любого файла он имеет отступ с двумя вкладками, т.е. 4 пробела в начале. Какое правило конфликтует с настройками prettier и .vscode?

Настройки конфигурации редактора приведены ниже:

root = true

[*]
charset = utf-8
end_of_line = lf
insert_final_newline = true
indent_style = space
indent_size = 2
trim_trailing_whitespace = true
max_line_length = 120

введите описание изображения здесь

Попытка сделать отступ с двумя пробелами,
происходит только с json-файлами и другими скриптами.

введите описание изображения здесь

настройки vscode

{
  "[javascript]": {
    "editor.formatOnSave": false
  },
  "eslint.alwaysShowStatus": true,
  "files.autoSave": "onFocusChange",
  "prettier.proseWrap": "preserve",
  "emmet.includeLanguages": {
    "javascript": "javascriptreact",
    "vue-html": "html",
    "plaintext": "jade",
    "edge": "html"
  },
  "emmet.syntaxProfiles": {
    "javascript": "jsx"
  },
  "emmet.triggerExpansionOnTab": true,
  "emmet.showSuggestionsAsSnippets": true,
  "files.associations": {
    "*.js": "javascriptreact"
  },
  "editor.fontSize": 14,
  "git.enableSmartCommit": true,
  "git.confirmSync": false,
  "search.exclude": {
    "**/__snapshots__/**": true,
    "**/.bin": true,
    "**/.git": true,
    "**/.next": true,
    "**/bower_components": true,
    "**/coverage/**": true,
    "**/node_modules": false,
    "**/node_modules/**": true,
    "**/report/**": true,
    "**/tmp": true
  },
  "javascript.updateImportsOnFileMove.enabled": "always",
  "explorer.confirmDragAndDrop": false,
  "explorer.confirmDelete": false,
  "workbench.editor.enablePreviewFromQuickOpen": false,
  "files.exclude": {
    ".next": true,
    "*.log": true,
    "**/__pycache__": true,
    "**/o": true,
    "dist": true,
    "geckodriver.log": true,
    "node_modules/": true,
    "package-lock.json": true,
    "yarn.lock": true
  },
  "window.zoomLevel": 1,
  "editor.find.globalFindClipboard": true,
  "editor.fontLigatures": true,
  "jshint.enable": false,
  "editor.formatOnType": true,
  "team.showWelcomeMessage": false,
  "git.autofetch": true,
  "workbench.startupEditor": "newUntitledFile",
  "editor.codeActionsOnSave": {
    // For ESLint
    "source.fixAll.eslint": true,
    // For TSLint
    "source.fixAll.tslint": true,
    // For Stylelint
    "source.fixAll.stylelint": true
  },
  "launch": {},
  "workbench.colorCustomizations": {},
  "sync.forceUpload": true,
  "sync.forceDownload": true,
  "sync.autoDownload": true,
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  "intelephense.diagnostics.undefinedTypes": false,
  "workbench.editorAssociations": [],
  "diffEditor.codeLens": true,
  "editor.formatOnSave": true,
  "team.showFarewellMessage": false,
  "eslint.validate": [],
  "vetur.validation.template": false,
  "prettier.enable": true,
  "editor.formatOnPaste": true,
  "editor.tabSize": 2,
  "files.insertFinalNewline": true,
  "[json]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.tabSize": 2
  },
  "[jsonc]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.tabSize": 2
  },
  "editor.tokenColorCustomizations": null
}

проверьте настройки vscode — ›обычно userd-› Редактор: Размер вкладки   —  person Mithun Shreevatsa    schedule 29.01.2021

Он настроен как 2 места на вкладку   —  person Mithun Shreevatsa    schedule 29.01.2021

См. также:  Стоит ли проводить модульное тестирование компонентов React?
Понравилась статья? Поделиться с друзьями:
IT Шеф
Комментарии: 2
  1. Mithun Shreevatsa

    Вы можете добавить эти правила для файлов json в свой settings.json:

    {
        "[json]": {
            "editor.defaultFormatter": "esbenp.prettier-vscode",
            "editor.tabSize": 2
        },
        "[jsonc]": {
            "editor.defaultFormatter": "esbenp.prettier-vscode",
            "editor.tabSize": 2
        }
    }
    

    И, чтобы быть точным, вы также можете добавить это вне блока [json]:

    {
      "prettier.tabWidth": 2
    }
    

    к сожалению, это не работает. person Mithun Shreevatsa; 29.01.2021

    Это странно. Не хотите поделиться соответствующими частями вашего settings.json? person Mithun Shreevatsa; 29.01.2021

    обновлено, удачи здесь? person Mithun Shreevatsa; 29.01.2021

    Вы добавили в него "prettier.tabWidth": 2? Я этого не вижу. person Mithun Shreevatsa; 29.01.2021

    я добавил это в .prettierrc. Это тоже должно быть внутри настроек? person Mithun Shreevatsa; 29.01.2021

    Я тоже туда добавил, но все равно не работает person Mithun Shreevatsa; 29.01.2021

    Извините, я не вижу, что переопределяет настройки вкладки, если только синтаксис неправильный в .prettierrc? — Если это правильно, я не понимаю, почему не должно быть табуляции на 2 пробела … person Mithun Shreevatsa; 29.01.2021

    хахаха, поэтому я разместил этот вопрос здесь person Mithun Shreevatsa; 29.01.2021

  2. Mithun Shreevatsa

    Это произошло из-за расширения: lonefy.vscode-js-css-html-formatter.

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: