Prettier вообще не форматирует код в vscode

Я только что клонировал свой проект reactJs, который имеет следующую конфигурацию .prettierrc в каталоге /src

{
"arrowParens": "avoid",
"bracketSpacing": true,
"endOfLine": "auto",
"jsxBracketSameLine": false,
"printWidth": 120,
"requirePragma": true,
"semi": true,
"singleQuote": true,
"tabWidth": 4,
"trailingComma": "all",
"lineLength": 120}

и мой симпатичный теперь вообще не форматирует мои файлы .js. Он игнорирует не только событие сохранения, но и

shift + alt + f

Я попытался указать относительный и абсолютный пути в поле пути конфигурации (в настройках -> расширения -> красивее). Возможно, проблема в том, что мой проект имеет бэкэнд рядом с интерфейсом (Symfony). Поэтому я не могу следовать правилам форматирования моего проекта. Любая помощь высоко ценится


visual-studio-code reactjs javascript prettier prettier-vscode
person Rajesh Koothropali    schedule 15.06.2021    source источник
comment
средство форматирования по умолчанию настроено на более красивое. щелкните правой кнопкой мыши -> форматировать документ с помощью -> настроить -> красивее   -  person Rajesh Koothropali    schedule 15.06.2021
comment
вы уже установили зависимости? либо npm install, либо yarn install в зависимости от того, какой менеджер пакетов использует ваш проект   -  person khuynh    schedule 15.06.2021
comment
возможно, я неправильно указываю путь к .prettierrc... но и без него форматирование вообще не работает   -  person Rajesh Koothropali    schedule 15.06.2021
comment
мне нужно запустить npm install ? потому что я только что проверил это в другом проекте (просто новая папка только с nodemon и body-parser в package.json), и это сработало   -  person Rajesh Koothropali    schedule 15.06.2021

Ответы (1)


arrow_upward
0
arrow_downward

Перейдите к настройкам VSCode, нажмите JSON, добавьте следующий раздел, если он отсутствует.

    "editor.defaultFormatter": "esbenp.prettier-vscode"

или попробуй это..

{
  "window.zoomLevel": 1,
  "editor.formatOnPaste": true,
  "editor.formatOnSave": true,
  "editor.formatOnType": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "emmet.includeLanguages": {
    "javascript": "javascriptreact"
  },
  "prettier.singleQuote": true
}
person gsb22    schedule 15.06.2021
comment
[javascript]: { editor.defaultFormatter: esbenp.prettier-vscode}, - person Rajesh Koothropali; 15.06.2021
comment
эта строка уже была - person Rajesh Koothropali; 15.06.2021
comment
@RajeshKoothropali не уверен, почему ваши начинаются с [javascript], отредактировал приведенные выше строки. - person gsb22; 15.06.2021
comment
мой prettierrc не находится в корневом каталоге. может это проблема? - person Rajesh Koothropali; 15.06.2021
comment
пробовал workbench.iconTheme: material-icon-theme, editor.defaultFormatter: esbenp.prettier-vscode, workbench.colorTheme: Solarized Light, вроде этого, но та же проблема - person Rajesh Koothropali; 15.06.2021