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 projektów

Data ostatniej aktualizacji: czerwca 15, 2022

Dotyczy:

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

Dostosuj pracę programistów za pomocą ustawień menedżera projektów. Ustawienia obejmują domyślne zachowanie podczas uruchamiania 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 przycisk Ustawienia, a następnie wybierz polecenie Otwórz ustawienia.

design-manager-settings

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

    design-manager-settings-dropdown

Ustawienia ogólne

  • Otwórz wyszukiwarkę przystarcie: po włączeniu tej opcji wyszukiwarka po lewej stronie będzie otwarta przy pierwszym uruchomieniu menedżera projektów.
  • 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

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

Źródło

  • Rozmiar tabulatora: szerokość znaku tabulacji po naciśnięciu klawisza tabulacji w edytorze kodu.
  • Jednostka w cięcia: liczba spacji, o jaką blok kodu powinien być wcięty za pomocą inteligentnego wcięcia.
  • Miękkie tab ulatory: gdy klawisz tabulacji jest włączony, zamiast znaku tabulacji wstawiane są znaki spacji równe rozmiarowi tabulatora.
  • Inteligentnewcięcie: gdy jest włączone, nowe linie są wcinane zgodnie z wcięciem ustawionym w poprzedniej linii.
  • Wcięcie przyformatowaniu danych wejściowych: po włączeniu tej funkcji wcięcie w tej samej linii jest stosowane w przypadku danych wejściowych uwzględniających kontekst. Na przykład instrukcja case x: lub zamykający znak } zostaną prawidłowo wcięte po wstawieniu.
  • Wcięciez tabulatorami: gdy jest włączona, automatyczne wcięcie spowodowane przez inteligentne wcięcie lub formatowanie danych wejściowych używa tabulatorów.
  • Zawijanie linii: po włączeniu tej opcji linie będą zawijane, zamiast wymagać przewijania w poziomie.
  • Automatycznie zamykaj nawiasy: gdy jest 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 powoduje podświetlenie odpowiadającego mu znacznika otwierającego lub zamykającego.
  • Kontynuuj komentarze blokowe: gdy 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 Włącz 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 należy skonfigurować ustawienia ESLint. Dowiedz się więcej o konfigurowaniu ESLint.
  • W prawym panelu demonstracja JavaScript będzie odzwierciedlać zmiany wprowadzone po lewej stronie.
  • Kliknij przycisk Przywróć domyślne eslintrc, aby przywrócić domyślną konfigurację.

    js-linter-settings
Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.