Programiści i programiści od dawna używają edytorów tekstu jako podstawowego sposobu wprowadzania kodu komputerowego. Niektóre środowiska programistyczne mają własne wbudowane edytory, ale programiści zwykle lubią jeden edytor i trzymają się tego programu. Jednym z powodów jest to, że dobry edytor kodowania zawiera podświetlanie składni, funkcję, która formatuje kod źródłowy i przypisuje czcionki i kolory do słów kluczowych i konstrukcji w kodzie, aby był znacznie łatwiejszy do odczytania. Edytory tekstu, takie jak Notepad ++, które są tutaj objęte Przewodnik Tech Junkie , są z tego powodu preferowane przez programistów. Większość programistów nie postrzega Dokumentów Google jako potencjalnego edytora kodu, pomimo świetnych funkcji dla grup roboczych i integracji z chmurą, ponieważ nie zawiera on wbudowanych opcji podświetlania składni.
Możesz jednak dodać podświetlanie składni do kodu w dokumentach Google Doc. W rzeczywistości istnieje co najmniej kilka dodatków do Dokumentów, które umożliwiają formatowanie różnych języków programowania i języków znaczników z podświetlaniem składni. Istnieje również wiele aplikacji internetowych, których można użyć do wstawienia kodu źródłowego z podświetleniem w Dokumentach Google. W tym artykule pokażę, jak dodać podświetlanie składni kodu źródłowego do dokumentów Docs.
Sformatuj kod źródłowy za pomocą Code Pretty
Code Pretty to dodatek do Dokumentów Google, który automatycznie dodaje podświetlenie do wybranego kodu. Code Pretty nie zawiera ogromnej liczby ustawień dostosowywania formatowania składni, ale nadal dodaje wygodną opcję podświetlania składni do Dokumentów. Możesz dodać CP do Dokumentów, klikającKs eeprzycisk włączony tej stronie internetowej . Następnie naciśnijDopuszczaćprzycisk, aby potwierdzić uprawnienia dodatku.
Następnie otwórz Dokumenty w przeglądarce; i kliknij kartę Dodatki, aby otworzyć jej menu. To menu będzie teraz zawierało dodatek Code Pretty. Aby dać Ci przykład, jak ten dodatek wyróżnia składnię, zaznacz i skopiuj poniższy przykładowy kod JavaScript do dokumentu Dokumentów, naciskając Ctrl + C.
Co potrafi JavaScript?
JavaScript może zmieniać atrybuty HTML.
W tym przypadku JavaScript zmienia atrybut src (źródło) obrazu.
Włączyć światło
Wyłącz światła
Wklej ten przykład JavaScript do Dokumentów, naciskając Ctrl + V. Następnie zaznacz kod w edytorze tekstu za pomocą kursora. KliknijDodatki>Code Prettyi wybierz plikWybór formatuopcja z podmenu. To sformatuje JavaScript, jak pokazano na migawce bezpośrednio poniżej.
jak dodać muzykę na snapchat
Jak już wspomniano, CP nie zawiera wielu ustawień podświetlania składni. Możesz jednak dostosować rozmiar czcionki podświetlonego kodu, klikającDodatki>Code PrettyiUstawienia. Spowoduje to otwarcie paska bocznego pokazanego bezpośrednio poniżej. Następnie możesz wybrać alternatywny domyślny rozmiar czcionki dla podświetlonego kodu.
Sformatuj kod źródłowy za pomocą bloków kodu
Code Blocks to alternatywny dodatek do CP, który możesz dodać do Dokumentów. W rzeczywistości jest to nieco lepszy dodatek do podkreślania składni, ponieważ zawiera wiele motywów podświetlania. wciśnijWolnyprzycisk włączony tej stronie internetowej aby dodać bloki kodu do dokumentów.
Po zainstalowaniu bloków kodu otwórz Dokumenty, a następnie skopiuj i wklej powyższy kod JavaScript do edytora tekstu co poprzednio. KliknijDodatki>Bloki kodui wybierzPoczątekaby otworzyć pasek boczny pokazany na zdjęciu bezpośrednio poniżej.
Zaznacz tylko tekst JavaScript za pomocą kursora. Upewnij się, że nie zaznaczyłeś żadnego pustego miejsca na dokument nad lub pod kodem. WybierzJavaScriptz pierwszego menu rozwijanego. Następnie możesz również wybrać motyw z plikuMotywmenu rozwijane. wciśnijFormatprzycisk, aby dodać podświetlenie składni do kodu, jak pokazano poniżej. Teraz tekst JavaScript jest znacznie bardziej przejrzysty dzięki podświetlonym znacznikom.
Skopiuj i wklej podświetlony kod źródłowy do Dokumentów Google
Oprócz Code Blocks i Code Pretty Docs, do formatowania kodu źródłowego można również wykorzystać aplikacje internetowe do podświetlania składni. Następnie możesz skopiować i wkleić wyróżniony kod źródłowy z aplikacji internetowej z powrotem do dokumentu Dokumentów. Textmate to aplikacja internetowa do wyróżniania składni, która formatuje wiele języków programowania i znaczników.
Kliknij to hiperłącze aby otworzyć Textmate. Następnie skopiuj i wklej tekst JavaScript zawarty w tym poście do pola kodu źródłowego Textmate za pomocą klawiszy skrótu Ctrl + C i Ctrl + V. WybierzJavaScriptz menu rozwijanego Język. Wybierz motyw wyróżnienia składni z menu rozwijanego Motyw. wciśnijAtrakcjaaby uzyskać podgląd formatowania kodu źródłowego, jak pokazano na migawce bezpośrednio poniżej.
Następnie zaznacz kursorem podświetlony JavaScript w podglądzie i naciśnij Ctrl + C. Wklej podświetlony kod do Dokumentów Google, naciskając Ctrl + V. Spowoduje to dodanie podświetlonego kodu źródłowego JavaScript do dokumentu Dokumentów, jak pokazano bezpośrednio poniżej.
Nie potrzebujesz więc edytora tekstu na komputerze, aby dodać podświetlanie składni do kodu oprogramowania i witryn. Zamiast tego można wyróżnić kod składni w dokumentach Docs za pomocą rozszerzeń Code Pretty i Code Blocks. Możesz też skopiować i wkleić kod do iz aplikacji internetowej Textmate, aby wstawić kod źródłowy z podświetleniem w Dokumentach Google.
Czy masz jakieś inne sposoby dodawania formatowania składni do Dokumentów Google? Podziel się nimi z nami poniżej!
