Dostosowywanie ustawień menedżera projektów

Dostosuj środowisko programisty za pomocą ustawień menedżera projektów. Ustawienia menedżera projektów obejmują domyślne zachowanie uruchamiania menedżera projektów, ustawienia kodu dla niestandardowych plików i linting JavaScript.

Dostosowywanie ustawień ogólnych

1. Na swoim koncie HubSpot przejdź do Treści > Design Manager.
2. W prawym dolnym rogu kliknij Ustawienia, a następnie wybierz Otwórz ustawienia.
3. Aby otworzyć wyszukiwarkę podczas uzyskiwania dostępu do menedżera projektów, włącz przełącznik Otwórz wyszukiwarkę przy uruchomieniu.
4. Aby automatycznie aktualizować podgląd podczas przełączania się między plikami, włącz przełącznik Aktualizuj podgląd podczas przełączania plików w sekcji Przy uruchamianiu.
5. Aby włączyć ostrzeżenia przed renderowaniem, włącz przełącznik Włącz ostrzeżenia przed renderowaniem w sekcji HubL Linting .

Dostosowywanie ustawień kodu

Dostosuj ustawienia kodu, aby kontrolować sposób wyświetlania i edytowania kodu w edytorze kodu. Ustawienia te wpływają na czytelność, spójność i sposób formatowania podczas pisania lub aktualizowania kodu.

1. Na swoim koncie HubSpot przejdź do Treści > Design Manager.
2. W prawym dolnym rogu kliknij Ustawienia, a następnie wybierz Otwórz ustawienia.
3. Kliknij menu rozwijane Ustawienia: Ogólne i wybierz opcję Kod.
4. Kontynuuj dostosowywanie sekcji Wygląd i Źródło.

Wygląd

• Motyw: schemat kolorów używany przez edytory kodu.
• Czcionka: podstawowa czcionka i rozmiar czcionki używane 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 zostać wcięty za pomocą inteligentnego wcięcia.
• Miękkie tabulatory: po włączeniu klawisz tabulacji wstawia znaki spacji równe rozmiarowi tab ulatora zamiast znaku tabulacji.
• Inteligentne wcięcie: gdy opcja ta jest włączona, nowe linie są wcięte zgodnie z wcięciem ustawionym w poprzedniej linii.
• Wcięcie na wejściu formatowania: po włączeniu, wcięcie tej samej linii na wejściu kontekstowym. Na przykład, instrukcja case x: lub zamykająca } będzie poprawnie wcięta po wstawieniu.
• Wcięcie z tabulatorami: gdy opcja ta jest włączona, automatyczne wcięcie spowodowane inteligentnym wcięciem lub formatowaniem danych wejściowych używa tabulatorów.
• Zawijanielinii: po włączeniu tej opcji linie będą zawijane zamiast wymagać przewijania w poziomie.
• Automatyczne zamykanie nawiasów: po włączeniu tej opcji edytor kodu automatycznie zamyka nawiasy i znaki cudzysłowu, takie jak:
  () [] {} ’’ ””
• Automatyczne zamykanieznaczników: po włączeniu tej opcji edytor kodu automatycznie zamyka znaczniki XML.
• Dopasuj nawiasy: po włączeniu tej opcji umieszczenie kursora obok znaku nawiasu powoduje podświetlenie odpowiedniego nawiasu otwierającego lub zamykającego.
• Dopasuj znaczniki: po włączeniu tej opcji umieszczenie kursora obok znacznika powoduje podświetlenie odpowiedniego znacznika otwierającego lub zamykającego.
• Kontynuuj komentarze blokowe: po włączeniu tej opcji edytor kodu automatycznie kontynuuje komentarze blokowe podczas tworzenia nowych linii.

Ustawienia lintingu JavaScript

1. Na swoim koncie HubSpot przejdź do Treści > Design Manager.
2. W prawym dolnym rogu kliknij Ustawienia, a następnie wybierz Otwórz ustawienia.
3. Kliknij menu rozwijane Ustawienia: Ogólne i wybierz JS Linter.
4. Kliknij, aby włączyć lub wyłączyć przełącznik Włącz ESLint. Po włączeniu ESLint będzie uruchamiany zamiast JavaScript podczas przeglądania danych wyjściowych w zakodowanych plikach.
5. W lewym panelu skonfiguruj ustawienia ESLint. Dowiedz się więcej o konfigurowaniu ESLint.
6. W prawym panelu demo JavaScript pokaże zmiany wprowadzone po lewej stronie.
7. Kliknij przycisk Restore default eslintrc, aby przywrócić domyślną konfigurację.