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 manager -asetuksia

Päivitetty viimeksi: kesäkuuta 15, 2022

Tämä koskee seuraavia:

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

Mukauta kehittäjäkokemustasi design manager -asetuksilla. Asetuksiin kuuluvat suunnittelunhallinnan oletuskäynnistyskäyttäytyminen, koodiasetukset mukautetuille koodatuille tiedostoille ja JavaScriptin niputus.

Pääset näihin asetuksiin seuraavasti:

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

design-manager-settings

  • NapsautaAsetukset-pudotusvalikkoa valitaksesi asetustyypin, jota haluat säätää.

    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 päällä, älykkään sisennyksen tai muotoilun 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 automaattisesti sulku- ja lainausmerkit, esim:

    () [] {} '' ""
  • 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 tulostetta.

    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 Restore default eslintrc.

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