Prettier w VSC nie formatuje kodu

Może to być problem z ustawieniami Prettier lub Visual Studio Code. Po samej instalacji wtyczki nie zacznie jeszcze ona poprawnie działać. Dlatego możemy sprawdzić dodatkowe ustawienia, aby upewnić się, czy wszystko jest ok.

Sprawdź instalację wtyczki Prettier w Visual Studio Code

Oczywiście, najpierw warto sprawdzić, czy zainstalowana jest najnowsza wersja i czy wtyczka jest włączona. Jeśli tak, to przejdź do dalszych czynności.

Ustawienia VSC

Przejdź do ustawień programu VSC. Aby przejść do ustawień w Visual Studio Code za pomocą skrótu klawiszowego, użyj następujących kombinacji na Windows Ctrl + , i Mac Cmd + ,. Teraz w Ustawienia wyszukiwania wpisz „Editor: Format On Save”. Upewnij się, że opcja ta jest włączona.

To jednak nie wszystko. Teraz musimy sprawdzić, czy Prettier został ustawiony jako podstawowy formater. Dlatego jeszcze raz w „Ustawienia wyszukiwania” wpisz „Default Formatter”. Z rozwijanej listy wybierz „Prettier – Code formatter„.

Prettier teraz powinien już działać i po zapisaniu plik powinien się sfromatować. Czasami jednak nie chcemy niektórych plików formatować. Mi osobiście przeszkadza to np. w plikach scss. Jak więc go wyłączyć tylko tam?

Jak wyłaczyć Prettier na konkretnych formatach plików

Prettier umożliwia konfigurację, która pozwoli Ci zignorować konkretne typy plików, takie jak SCSS. Musisz utworzyć plik o nazwie .prettierignore w katalogu głównym Twojego projektu, a następnie dodać do niego typy plików, które chcesz zignorować.

W przypadku plików SCSS, zawartość pliku .prettierignore powinna wyglądać tak:

*.scss

Po zapisaniu tego pliku Prettier powinien zignorować wszystkie pliki SCSS podczas formatowania kodu. Możesz dodawać więcej typów plików do tego pliku, jeśli chcesz, żeby Prettier je ignorował. Każdy typ pliku powinien być na osobnej linii.