Termwind
Mit Termwind können Sie mithilfe der Tailwind-CSS- API einzigartige und schöne PHP-Befehlszeilenanwendungen erstellen. Kurz gesagt, es ist wie Tailwind CSS, aber für die PHP-Befehlszeilenanwendungen.
Erfordert PHP 8.0+
Erfordern Sie Termwind mit Composer:
composer require nunomaduro/termwind
use function Termwind { render }; // single line html... render ( 'Termwind' ); // multi-line html... render (<<<'HTML'HTML); // Laravel or Symfony console commands... class UsersCommand extends Command { public function handle () { render ( view ( ' users.index ' , [ ' users ' => User:: all () ]) ); } }TermwindGive your CLI apps a unique look
style()
Die Funktion style()
kann verwendet werden, um eigene benutzerdefinierte Stile hinzuzufügen und auch Farben zu aktualisieren.
use function Termwind { style }; style ( ' green-300 ' )-> color ( ' #bada55 ' ); style ( ' btn ' )-> apply ( ' p-4 bg-green-300 text-white ' ); render ( 'Click me' );
ask()
Die Funktion ask()
kann verwendet werden, um dem Benutzer eine Frage zu stellen.
use function Termwind { ask };
$ answer = ask ( <<
What is your name?
HTML );
Die von der Ask-Methode bereitgestellte return
ist die vom Benutzer bereitgestellte Antwort.
terminal()
Die Funktion terminal()
gibt eine Instanz der Terminal-Klasse mit den folgenden Methoden zurück:
->width()
: Gibt die volle Breite des Terminals zurück.->height()
: Gibt die volle Höhe des Terminals zurück.->clear()
: Löscht den Terminalbildschirm. Alle unterstützten Klassen verwenden genau dieselbe Logik, die auf tailwindcss.com/docs verfügbar ist.
bg-{color}-{variant}
.text-{color}-{variant}
.font-bold
, font-normal
.italic
.underline
, line-through
.uppercase
, lowercase
, capitalize
, snakecase
.truncate
.text-left
, text-center
, text-right
.m-{margin}
, ml-{leftMargin}
, mr-{rightMargin}
, mt-{topMargin}
, mb-{bottomMargin}
, mx-{horizontalMargin}
, my-{verticalMargin}
.p-{padding}
, pl-{leftPadding}
, pr-{rightPadding}
, pt-{topPadding}
, pb-{bottomPadding}
, px-{horizontalPadding}
, py-{verticalPadding}
.space-y-{space}
, space-x-{space}
.w-{width}
, w-full
, w-auto
.min-w-{width}
.max-w-{width}
.justify-between
, justify-around
, justify-evenly
, justify-center
.invisible
.block
, flex
, hidden
.flex-1
.list-disc
, list-decimal
, list-square
, list-none
.content-repeat-['.']
. Wie TailwindCSS unterstützen wir auch Responsive Design-Medienabfragen und dies sind die unterstützten Haltepunkte:
sm
: 64 Leerzeichen (640 Pixel)md
: 76 Leerzeichen (768px)lg
: 102 Leerzeichen (1024px)xl
: 128 Leerzeichen (1280 Pixel)2xl
: 153 Leerzeichen (1536px) render (<<<'HTML'If bg is blue is sm, if red > than sm breakpoint.HTML);
Alle Größen für die CLI basieren auf der Schriftgröße 15.
Alle Elemente können das class
verwenden.
Das -Element kann als Blocktypelement verwendet werden. Standardstile : block
render (<<<'HTML'
This is a div element.
HTML);
Das
-Element kann als Absatz verwendet werden.
Standardstile : block
render (<<<'HTML'
This is a paragraph.
HTML);
Das
-Element kann als Inline-Textcontainer verwendet werden.
Termwind.
HTML);"> render (<<<'HTML'
This is a CLI app built with Termwind.
HTML);
Das
-Element kann als Hyperlink verwendet werden. Es ermöglicht die Verwendung des href
Attributs, um den Link zu öffnen, wenn darauf geklickt wird.
Click here to open
HTML);"> render (<<<'HTML'
This is a CLI app built with Termwind. Click here to open
HTML);
und
Die Elemente
und
können verwendet werden, um den Text als fett zu markieren.
Standardstile : font-bold
render (<<<'HTML'
This is a CLI app built with Termwind.
HTML);
und
Mit den Elementen
und
kann der Text kursiv markiert werden.
Standardstil : italic
render (<<<'HTML'
This is a CLI app built with Termwind.
HTML);
Mit dem
-Element kann ein hinzugefügt werden Linie durch der Text.
Standardstile : line-through
render (<<<'HTML'
This is a CLI app built with Termwind.
HTML);
Das
-Element kann für einen Zeilenumbruch verwendet werden.
render (<<<'HTML'
This is a CLI
app built with Termwind.
HTML);
Das
-Element kann für eine ungeordnete Liste verwendet werden. Es kann nur
-Elemente als untergeordnete Elemente akzeptieren. Wenn ein anderes Element vorhanden ist, wird eine InvalidChild
Ausnahme ausgelöst.
Standardstile : block
, list-disc
render (<<<'HTML'
Item 1
Item 2
HTML);
Das
-Element kann für eine geordnete Liste verwendet werden. Es kann nur
-Elemente als untergeordnete Elemente akzeptieren. Wenn ein anderes Element vorhanden ist, wird eine InvalidChild
Ausnahme ausgelöst.
Standardstile : block
, list-decimal
render (<<<'HTML'
Item 1
Item 2
HTML);
Das
-Element kann als Listenelement verwendet werden. Es sollte nur als untergeordnetes Element der Elemente
und
verwendet werden.
Standardstile : block
, list-decimal
render (<<<'HTML'
Item 1
HTML);
Das
-Element kann für eine Beschreibungsliste verwendet werden. Es kann nur
oder
-Elemente als untergeordnete Elemente akzeptieren. Wenn ein anderes Element vorhanden ist, wird eine InvalidChild
Ausnahme ausgelöst.
Standardstile : block
render (<<<'HTML'
Termwind
Give your CLI apps a unique look
HTML);
Das
-Element kann als Beschreibungstitel verwendet werden. Es sollte nur als untergeordnetes Element von
-Elementen verwendet werden.
Standardstile : block
, font-bold
render (<<<'HTML'
Termwind
HTML);
Das
-Element kann als Beschreibungstitel verwendet werden. Es sollte nur als untergeordnetes Element von
-Elementen verwendet werden.
Standardstile : block
, ml-4
render (<<<'HTML'
Give your CLI apps a unique look
HTML);
Das
-Element kann als horizontale Linie verwendet werden.
render (<<<'HTML'
Termwind
Give your CLI apps a unique look
HTML);
Das -Element kann Spalten und Zeilen haben. render (<<<'HTML'
Task
Status
Termwind
Done
HTML);
Das
-Element kann als vorformatierter Text verwendet werden.
render (<<<'HTML'
Text in a pre element
it preserves
both spaces and
line breaks
HTML);
Das
-Element kann als Code-Hervorhebung verwendet werden. Es akzeptiert line
und start-line
.
try {
throw new Exception('Something went wrong');
} catch (Throwable $e) {
report($e);
}
HTML);"> render (<<<'HTML'
try {
throw new Exception('Something went wrong');
} catch (Throwable $e) {
report($e);
}
HTML);
Termwind ist eine Open-Source-Software, die unter der MIT-Lizenz lizenziert ist.
Expandieren
Zusätzliche Informationen
-
Version
v2.3.0
-
Typ
Andere Kategorien
-
Aktualisierungszeit
2024-12-14
-
Größe
50MB
-
Kommt von
Github
Ähnliche Anwendungen
Empfohlen für Sie
Ähnliche Nachrichten
Alle
-
Grafisches Tutorial zur Installation von Dreamweaver2021
2024-12-17
-
Projektpraxis zur Implementierung einer coolen Login-Umschaltung mithilfe von HTML+CSS
2024-12-18
-
Implementierung von HTML-ähnlichen Windows-Desktop-Design-Spezialeffekten
2024-12-18
-
4 Möglichkeiten, SVG-Bilder in HTML-Webseiten einzuführen
2024-12-18
-
Die spezifische Implementierungsmethode der HTML-Tabellenzusammenführung
2024-12-18
-
So fügen Sie leere Links zu Dreamweaver-Texten oder -Bildern hinzu
2024-12-17