Jak automatycznie sformatować kod w VS Code?

Jeśli myślisz o nauce kodowania lub piszesz to codziennie, niezawodny edytor kodu, taki jak Visual Studio Code, jest koniecznością. Kiedy piszesz kod, powinieneś pomyśleć o formatowaniu, ponieważ ludzie będą go łatwiej czytać.

Wszystkie te szczegółowe zasady dotyczące wcięć i odstępów między wierszami są ważne, ale łatwo o nich zapomnieć, gdy koncentrujesz się na swojej pracy.

Dlatego VS Code umożliwia korzystanie z rozszerzeń automatycznego formatowania, które mogą Ci pomóc. Niektóre rozszerzenia automatycznego formatowania mogą formatować więcej niż jeden język programowania, podczas gdy inne wymagają integracji wyspecjalizowanych rozszerzeń.

Jak automatycznie formatować HTML

Hypertext Markup Language lub HTML to język kodowania używany do tworzenia i wyświetlania stron internetowych. Twórcy stron internetowych i inżynierowie oprogramowania codziennie używają HTML i mogą korzystać z automatycznego narzędzia do formatowania.

Jeśli wolisz edytor VS Code, oto jak znaleźć Prettier, popularny program do formatowania kodu, i włączyć funkcję automatycznego formatowania.

• Otwórz Visual Studio Code na swoim komputerze.

• Kliknij kartę rozszerzeń po lewej stronie ekranu. Przedstawiony jest w postaci czterech bloków.

• Wpisz „ładniejszy formater kodu” w polu wyszukiwania.

• Otrzymasz wiele wyników wyszukiwania, ale wybierz ten stworzony przez Prettier, a nie przez inną osobę lub firmę.

• Kliknij przycisk „Zainstaluj”, a rozszerzenie zostanie pobrane w ciągu kilku sekund.

Instalując program do formatowania Prettier, możesz włączyć funkcję automatycznego formatowania i zapewnić spójne style podczas pisania kodu.

• Otwórz lub utwórz nowy plik HTML w programie VS Code.

• Przejdź do „Ustawienia” znajdującego się w lewym dolnym rogu ekranu.

• Wpisz „Format” w polu wyszukiwania i kliknij kartę „Użytkownik”.

• Kliknij opcję Domyślne formatowanie i wybierz z listy Ładniejsze.

• Przewiń trochę w dół, aż zobaczysz opcję „Edytor: Formatuj przy zapisie”.

• Zaznacz pole obok tej opcji.

• Wróć do swojego pliku i sprawdź, czy ustawienie działa.

Ładniej powinien automatycznie formatować pliki HTML podczas ich zapisywania.

Automatyczny format JSON

Notacja obiektowa JavaScript lub JSON jest klasyfikowana jako format wymiany danych niezależny od języka. Aplikacje mobilne i programy komputerowe wykorzystują pliki JSON do odczytywania danych z serwerów i wyświetlania ich na ekranie.

Tworząc plik JSON w edytorze Visual Studio Code, należy również pamiętać o formatowaniu. Dobrą wiadomością jest to, że możesz użyć rozszerzeń formatera Prettier w VS Code, aby zapewnić spójny styl w plikach JSON.

Oto wszystko, co musisz zrobić, aby włączyć funkcję automatycznego formatowania plików JSON.

• Uruchom VS Code i przejdź do karty Przypisane rozszerzenia po lewej stronie okna.

• Wyszukaj „ładniejszy formater kodu” w polu wyszukiwania.

• Pierwszym wynikiem jest zwykle ten, który chcesz kliknąć. Jednak, aby mieć pewność, wybierz ten, który mówi „Ładniejsza” jako programista.

• Kliknij „Zainstaluj” i poczekaj kilka sekund na załadowanie formatyzatora.

Po zainstalowaniu programu formatującego Prettier upewnij się, że funkcja automatycznego formatowania jest włączona, wykonując poniższe czynności.

• Utwórz nowy plik JSON lub otwórz plik, który nie został jeszcze sformatowany.
• Kliknij „Ustawienia” w lewym dolnym rogu.

• Znajdź „Format”.

• Kliknij sekcję Format domyślny. wybierz „Piękniejsze” z listy rozwijanej.

• Przewiń w dół i zatrzymaj się, gdy zobaczysz opcję „Edytor: Formatuj przy zapisie”.

• Zaznacz pole obok tej opcji.

• Upewnij się, że działa funkcja automatycznego formatowania.

To wszystko. Rozszerzenie Prettier w edytorze VS Code upraszcza automatyczne formatowanie.

Automatyczny format Pythona

Python jest obecnie jednym z najpopularniejszych języków programowania i jest powszechnie używany przez twórców stron internetowych i entuzjastów programowania. Służy do projektowania i tworzenia oprogramowania i stron internetowych, analizowania danych, automatyzacji zadań i nie tylko.

Jeśli używasz programu VS Code do edycji pliku Python, musisz użyć odpowiedniego programu formatującego. Chociaż Prettier współpracuje z wieloma językami programowania, nie jest kompatybilny z Pythonem.

Na szczęście VS Code oferuje rozwiązanie. Jednym z najlepszych programów do formatowania Pythona w VS Code jest Black i może być używany do formatowania kodu za każdym razem, gdy automatycznie zapisujesz plik. Jednak przed użyciem Black musisz pobrać rozszerzenie Microsoft Python dla VS Code:

• Otwórz VS Code i wyszukaj „Python” w polu wyszukiwania.

• Upewnij się, że jest to rozszerzenie firmy Microsoft i kliknij Zainstaluj.

• Aby zainstalować program formatujący Phyton, wprowadź następujący tekst w środowisku wirtualnym: „$ pip install black”.
• Przejdź do „Ustawienia” w VS Code i wyszukaj „Dostawca formatowania Phyton”.

• Wybierz „Czarny” z menu rozwijanego.

• Przewiń w dół i poszukaj opcji „Edytor: Formatuj przy zapisie”.

• Zaznacz pole obok tej opcji.

Black, program do formatowania Pythona będzie teraz automatycznie formatował kod za każdym razem, gdy zapiszesz plik.

Automatyczne formatowanie kodu VS podczas zapisywania

Możesz włączyć funkcję automatycznego formatowania bez względu na język programowania lub program do formatowania kodu używany w programie VS Code.

Większość programistów korzysta z kilku rozszerzeń formatowania kodu w programie VS Code, więc możesz się upewnić, że każde z nich automatycznie formatuje plik podczas jego zapisywania.

Oto jak to działa.

• Otwórz Edytor kodu programu Visual Studio.

• Kliknij ikonę koła zębatego „Ustawienia” w lewym dolnym rogu.

• Znajdź „Formater” i kliknij „Edytor: Domyślny formater”.

• Z menu rozwijanego wybierz program do formatowania kodu, którego chcesz użyć.

• Przewiń trochę w dół i zaznacz pole obok opcji „Edytor: Formatuj przy zapisie”.

Możesz powtórzyć ten proces dla każdego programu formatującego kod, którego używasz w VS Code.

Często Zadawane Pytania

Dlaczego nie działa automatyczne „Formatowanie przy zapisie”?

Jeśli masz opcję „Formatuj przy zapisie” w programatorze programu VS Code i nie działa ona poprawnie, prawdopodobnie masz do czynienia z błędem.

Twoja wersja programu formatującego może mieć problemy i musisz sprawdzić, czy dostępna jest aktualizacja. Jednak problem może nie dotyczyć Ciebie, a awaria zostanie naprawiona przez programistów VS Code.

Jak wyłączyć automatyczne formatowanie w VS Code?

Wyłączenie funkcji automatycznego formatowania jest bardzo proste. Wykonaj poniższe czynności, aby wyłączyć automatyczne formatowanie.

1. Otwórz edytor VS Code i kliknij ikonę „Ustawienia”.

2. Znajdź „Formatter” i wybierz formater, dla którego chcesz wyłączyć automatyczne formatowanie.

3. Znajdź opcję „Edytor: Formatuj przy zapisie” i odznacz pole obok niej.

Łatwe automatyczne formatowanie kodu w Visual Studio Code

Jednym z najlepszych aspektów korzystania z VS Code jest dobrze zaprojektowany interfejs, który pozwala nawet początkującym poruszać się po edytorze.

Właściwe i ciągłe formatowanie kodu ma zasadnicze znaczenie dla czytelnego kodu, ale te konwencje mogą być uciążliwe, jeśli trzeba je wykonać ręcznie.

Ale dobrą wiadomością jest to, że edytor VS Code ma wiele narzędzi do formatowania kodu, które mogą ułatwić i przyspieszyć pisanie czytelnego kodu.

Niezależnie od tego, czy jest to Prettier, Black, czy jakiekolwiek inne, użytkownicy zawsze mają możliwość automatycznego sformatowania kodu w momencie zapisania pliku.

Jakiego języka programowania używasz i jaki formater działa najlepiej? Daj nam znać w komentarzach poniżej.