Muokkaa design manager -asetuksia

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.

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

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.
  
  
• 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.