Opdrachtenpalet

Bootstrap Studio heeft een krachtig commandopalet, waarmee u bijna elke functie en menu van het programma kunt openen door te typen. Activeer het door op Ctrl + P (Windows en Linux) en Cmd + P (macOS) te drukken.

Command Palette

Hier zijn enkele dingen die u kunt doen:

  • Voeg componenten in met een emmetopen in new window-achtige syntaxis
  • Genereer Lorem Ipsum-tekst.
  • Schakel tussen ontwerpen en pagina's
  • CSS maken en openen, SASS- en JS-bestanden.
  • Voer snel opdrachten uit die alleen beschikbaar zijn in submenu's.

Commando maken

Zal een nieuw bestand/pagina maken in uw ontwerp.

  • Om een ​​pagina aan te maken typt u make page, make test123.html of make folderName/test123.html. De app maakt de pagina aan en schakelt ernaar.
  • Een CSS-, SCSS- of JS-bestand maken gebruik het formaat make css, make styles123.css of make folderName/styles123.css. Zodra het item is gemaakt, opent de app het om het te bewerken.

Commando toevoegen

U kunt uitdrukkingen als deze schrijven:

  • add h2 - creëert een nieuwe kop van het type H2
  • add span+i - zal een . maken nieuwe span-comonent gevolgd door cursief
  • add row>col*3 - maakt een rij met 3 kolommen erin
  • add div#example.blue - maakt <div id="example" class="blue">
  • add navbar - zal een nieuwe navbar-component maken. De meeste componentnamen die u in het deelvenster Component ziet, werken.

Nadat componenten zijn gemaakt met de bovenstaande opdrachten, ze worden ingevoegd in de geselecteerde component(en) of de Body.

Lorem-commando

Zal Lorem Ipsum pseudo-tekst genereren en deze invoegen in de geselecteerde componenten. Er kan een optioneel argument worden doorgegeven dat het aantal te genereren woorden specificeert: lorem 25.