Siirry sisältöön
Huomaa: Tämän artikkelin käännös on tarkoitettu vain tiedoksi. Käännös on luotu automaattisesti käännösohjelmiston avulla, eikä sitä ole välttämättä tarkistettu. Näin ollen tämän artikkelin englanninkielistä versiota on pidettävä hallitsevana versiona, joka sisältää uusimmat tiedot. Voit tutustua siihen täällä.
Design Manager

Muokkaa design managerin asetuksia

Päivitetty viimeksi: marraskuuta 2, 2021

Tämä koskee seuraavia:

Marketing Hub Professional, Enterprise
CMS Hub Starter, Professional, Enterprise
Vanhentunut Marketing Hub Basic-versio

Mukauta kehittäjäkokemusta suunnittelunhallinta-asetuksilla. Asetuksiin kuuluvat suunnitteluhallinnan oletusarvoinen käynnistyskäyttäytyminen, mukautettujen koodattujen tiedostojen koodiasetukset ja JavaScriptin linting.

Voit käyttää näitä asetuksia:

  • Siirry HubSpot-tililläsi kohtaan Markkinointi > Tiedostot ja mallipohjat > Suunnittelutyökalut.
  • Napsauta oikeassa alakulmassa Asetukset ja valitse sitten Avaa asetukset.

design-manager-settings

  • Valitse asetustyyppi, jota haluat säätää, napsauttamallaAsetukset-pudotusvalikkoa.

    design-manager-settings-dropdown

Yleiset asetukset

  • Avaa etsijä käynnistettäessä: Kun tämä on kytketty päälle, vasemmalla oleva etsijä avataan, kun design manageria käytetään ensimmäisen kerran.
  • Päivitä esikatseluikkuna tiedostoja vaihdettaessa: kun tämä on kytketty päälle, suunnittelunhallinnan esikatseluikkuna näyttää parhaillaan valitun tiedoston. Ota tämä asetus käyttöön, jos haluat esikatsella yhtä tiedostoa kerrallaan.


Koodiasetukset

Ulkoasu

  • Teema: koodieditorien käyttämä värimaailma.
  • Fontti: koodieditorin käyttämä ensisijainen fontti ja fonttikoko.

Lähde

  • Tabulaattorikoko: Tabulaattorimerkin leveys, kun koodieditorissa painetaan tabulaattorinäppäintä.
  • Sisäänvetoyksikkö: koodilohkon sisennysten määrä älykkäällä sisennyksellä.
  • Pehmeät välilehdet: kun tabulaattorinäppäin on kytketty päälle, tabulaattorimerkin sijasta lisätään välimerkit, jotka vastaavat tabulaattorikokoa.
  • Älykäs sisennys: kun se on kytketty päälle, uudet rivit noudattavat edellisen rivin sisennystä.
  • Sisällyönti muotoilun yhteydessä: kun tämä on kytketty päälle, sisennät saman rivin asiayhteyden mukaan tapahtuvassa syötössä. Esimerkiksi case x: -lauseke tai sulkeva }-merkki sisennetään oikein, kun se lisätään.
  • Sisällyttäminen välilehdillä: kun tämä on kytketty päälle, älykkään sisennyksen tai muotoilusyötteen aiheuttama automaattinen sisennys käyttää välilehtiä.
  • Rivien kääriminen: kun tämä on kytketty päälle, rivit kääritään sen sijaan, että ne vaatisivat vaakasuuntaista vierittämistä.
  • Sulje sulkeet automaattisesti: Kun tämä on kytketty päälle, koodieditori sulkee sulkeet ja lainausmerkit automaattisesti, kuten esim. seuraavat:

    () [] {} ’’ ””
  • Automaattinen tunnisteiden sulkeminen: kun tämä on kytketty päälle, koodieditori sulkee XML-tunnisteet automaattisesti.
  • Match brackets: kun kursori on kytketty päälle, kursorin asettaminen sulkujen viereen korostaa vastaavan avaavan tai sulkevan sulkujen merkin.
  • Match tags: kun kursori on kytketty päälle, kursorin asettaminen tagin viereen korostaa vastaavan avaavan tai sulkevan tagin.
  • Jatka lohkokommentteja: kun tämä on kytketty päälle, koodieditori jatkaa automaattisesti lohkokommentteja, kun luodaan uusia rivejä.


JavaScriptin niputusasetukset

  • Napsauttamalla tätä voit kytkeä Enable ESLint (Ota ESLint käyttöön ) -kytkimen päälle tai pois päältä. Kun se on kytketty päälle, ESLint ajaa JavaScriptin yli, kun tarkastellaan kooditiedostojen tulosteita.

    design-manager-coded-file-show-output
  • Määritä vasemmassa paneelissa ESLint-asetukset. Lisätietoja ESLintin määrittämisestä.
  • Oikeassa paneelissa JavaScript-demo heijastaa vasemmalla puolella tekemiäsi muutoksia.
  • Palauta oletusasetukset valitsemalla Palauta oletusasetukset eslintrc.

    js-linter-settings