Muokkaa design managerin asetuksia

Mukauta kehittäjäkokemustasi design manager -asetuksilla. Suunnittelunhallinta-asetuksiin kuuluvat suunnittelunhallinnan oletusarvoinen käynnistyskäyttäytyminen, mukautettujen tiedostojen koodiasetukset ja JavaScriptin niputus.

Muokkaa yleisiä asetuksia

1. Siirry HubSpot-tililläsi kohtaan Sisältö > Suunnittelun hallinta.
2. Napsauta oikeassa alakulmassa Asetukset ja valitse sitten Avaa asetukset.
3. Jos haluat avata hakuohjelman, kun käytät suunnittelunhallintaa, kytke Avaa hakuohjelma käynnistettäessä -kytkin päälle.
4. Jos haluat päivittää esikatseluohjelman automaattisesti, kun vaihdat tiedostojen välillä, kytke Päivitä esikatseluohjelma, kun vaihdat tiedostoja -kytkin päälle Käynnistettäessä-kohdassa.
5. Jos haluat ottaa esirenderöintivaroitukset käyttöön, kytke Enable Pre-Rendering Warnings (Ota esirenderöintivaroitukset käyttöön ) -kytkin päälle HubL Linting -osiossa.

Koodiasetusten mukauttaminen

Mukauttamalla koodiasetuksia voit hallita sitä, miten koodi näytetään ja muokataan koodieditorissa. Nämä asetukset vaikuttavat luettavuuteen, johdonmukaisuuteen ja tapaan, jolla muotoilu käyttäytyy, kun koodia kirjoitetaan tai päivitetään.

1. Siirry HubSpot-tililläsi kohtaan Sisältö > Suunnittelun hallinta.
2. Napsauta oikeassa alakulmassa Asetukset ja valitse sitten Avaa asetukset.
3. Napsauta Asetukset: Yleinen -pudotusvalikko ja valitse Koodi.
4. Jatka Ulkoasu- ja Lähde-osioiden mukauttamista.

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 välimerkit, jotka vastaavat tabulaattorin kokoa.
• Ä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ää 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ä.
• Automaattinen sulkeutuminen sulkeisiin: kun tämä on kytketty päälle, koodieditori sulkee automaattisesti sulkeet ja lainausmerkit, kuten esimerkiksi:
  () [] {} ’’ ””
• Automaattinen tagien sulkeminen: kun tämä on kytketty päälle, koodieditori sulkee automaattisesti XML-tagit.
• Match brackets: kun tämä on kytketty päälle, kursorin asettaminen sulkujen viereen korostaa vastaavan avaavan tai sulkevan sulkujen merkin.
• Match tags: kun kursori on kytketty päälle, tagin vieressä oleva kursori 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

1. Siirry HubSpot-tililläsi kohtaan Sisältö > Suunnittelun hallinta.
2. Napsauta oikeassa alakulmassa Asetukset ja valitse sitten Avaa asetukset.
3. Napsauta Asetukset: General (Yleistä ) -pudotusvalikko ja valitse JS Linter.
4. Napsauta Enable ESLint -kytkintä päälle tai pois päältä. Kun se on kytketty päälle, ESLint ajaa JavaScriptin yli, kun tarkastellaan koodattujen tiedostojen tulostetta.
5. Määritä vasemmassa paneelissa ESLint-asetukset. Lisätietoja ESLintin määrittämisestä.
6. Oikeassa paneelissa JavaScript-demo näyttää vasemmalla puolella tekemäsi muutokset.
7. Palauta oletusasetukset valitsemalla Palauta oletusasetukset eslintrc.