Przejdź do treści
Uwaga: Tłumaczenie tego artykułu jest podane wyłącznie dla wygody. Tłumaczenie jest tworzone automatycznie za pomocą oprogramowania tłumaczącego i mogło nie zostać sprawdzone. W związku z tym, angielska wersja tego artykułu powinna być uważana za wersję obowiązującą, zawierającą najnowsze informacje. Możesz uzyskać do niej dostęp tutaj.
Design Manager

Dostosuj ustawienia menedżera projektu

Data ostatniej aktualizacji: października 19, 2021

Dotyczy:

Marketing Hub Professional, Enterprise
CMS Hub Starter, Professional, Enterprise
Wcześniejsze konto Marketing Hub Basic

Dostosuj swoje doświadczenie dewelopera z ustawieniami menedżera projektu. Ustawienia obejmują domyślne zachowanie przy uruchamianiu menedżera projektów, ustawienia kodu dla niestandardowych plików kodowanych oraz linting JavaScript.

Aby uzyskać dostęp do tych ustawień:

  • W koncie HubSpot przejdź do Marketing > Pliki i szablony > Narzędzia do projektowania.
  • W prawym dolnym rogu kliknij Ustawienia, a następnie wybierz Otwórz ustawienia.

design-manager-settings

  • Kliknij na menu rozwijaneUstawienia, aby wybrać typ ustawień, które chcesz dostosować.

    design-manager-settings-dropdown

Ustawienia ogólne

  • Otwórz wyszukiwarkę przy starcie: gdy jest włączone, wyszukiwarka po lewej stronie będzie otwarta przy pierwszym uruchomieniu menedżera projektów.
  • Update previewer when switching files (Aktualizuj podgląd przy przełączaniu plików ): gdy to ustawienie jest włączone, w podglądzie menedżera projektów będzie wyświetlany aktualnie wybrany plik. Włącz to ustawienie, jeśli chcesz mieć podgląd tylko jednego pliku na raz.


Ustawienia kodu

Wygląd

  • Theme: schemat kolorów używany przez edytory kodu.
  • Font: podstawowa czcionka i rozmiar czcionki używana przez edytor kodu.

Źródło

  • Tab size: szerokość znaku tabulacji po naciśnięciu klawisza tabulacji w edytorze kodu.
  • Jednostka wcięcia: liczba spacji, o jaką blok kodu powinien być wcięty za pomocą inteligentnego wcięcia.
  • Soft tabs: gdy klawisz tabulacji jest włączony, zamiast znaku tabulacji wstawiane są znaki spacji równe rozmiarowi tab ulatora.
  • Inteligentnewcięcie: gdy jest włączone, nowe linie są wcinane zgodnie z wcięciem ustawionym w poprzedniej linii.
  • Wcięcie przyformatowaniu danych wejściowych: gdy jest włączone, wcina ten sam wiersz na danych wejściowych zależnych od kontekstu. Na przykład, instrukcja case x: lub zamykające } będą prawidłowo wcięte po wstawieniu.
  • Wcięciez tabulatorami: gdy jest włączone, automatyczne wcięcie spowodowane przez inteligentne wcięcie lub formatowanie danych wejściowych używa tabulatorów.
  • Zawijanielinii: gdy jest włączone, linie będą zawijane zamiast wymagać poziomego przewijania.
  • Automatycznie zamykaj nawiasy: gdy włączone, edytor kodu automatycznie zamyka nawiasy i znaki cudzysłowu, takie jak:

    () [] {} ’’ ””
  • Automatyczne zamykanie znaczników: gdy jest włączone, edytor kodu automatycznie zamyka znaczniki XML.
  • Dopasuj nawiasy: gdy jest włączone, umieszczenie kursora obok znaku nawiasu podświetla odpowiadający mu nawias otwierający lub zamykający.
  • Dopasujznaczniki: gdy jest włączone, umieszczenie kursora obok znacznika podświetla odpowiadający mu znacznik otwierający lub zamykający.
  • Kontynuuj komentarze blokowe: kiedy jest włączone, edytor kodu automatycznie kontynuuje komentarze blokowe podczas tworzenia nowych linii.


Ustawienia lintingu JavaScript

  • Kliknij, aby włączyć lub wyłączyć przełącznik Enable ESLint. Po jego włączeniu ESLint będzie działał ponad JavaScriptem podczas przeglądania danych wyjściowych w plikach z kodem.

    design-manager-coded-file-show-output
  • W lewym panelu skonfiguruj swoje ustawienia ESLint. Dowiedz się więcej o konfigurowaniu ESLint.
  • W prawym panelu demonstracja JavaScript będzie odzwierciedlać zmiany dokonane w lewym panelu.
  • Kliknij przycisk Przywróć domyślne eslintrc, aby przywrócić domyślną konfigurację.

    js-linter-settings