Viele Entwickler verlassen sich auf mehrere Terminalfenster, um verschiedene Entwicklungsaufgaben zu verwalten. Denken Sie an npm run start
, Docker -Container, Rails -Server und Webpack - alle gleichzeitig laufen. Das ist nicht von Natur aus schlecht, aber es kann umständlich sein. Das Erinnern von Befehlen und das effiziente Anordnen der Terminalumgebung kann eine Herausforderung sein. Persönlich bevorzuge ich geteilte Panes gegenüber Registerkarten, obwohl die Registerkarten für separate Projekte gut funktionieren.
Durch die Suche nach Lösungen auf Twitter wurden mehrere Optionen ergeben:
TMUX: Dies war der beliebteste Vorschlag. Es schafft virtuelle Pane in einer einzigen Terminalsitzung, die eine gleichzeitige Ausführung verschiedener Befehle ermöglicht. Seine Vielseitigkeit ist beeindruckend, und die Verwendung in einer neuen Entwicklerumgebung durch meinen Codepen-Mitbegründer hat seine Fähigkeiten weiter validiert.
tmuxinator
bietet eine verbesserte Konfigurationsverwaltung für TMUX.Kitty: Kitty von einem Benutzer als erweitertere TMUX -Alternative beschrieben und unterstützt benutzerdefinierte Layouts und Startbefehle.
-
Native Terminal -Apps: Jedes Betriebssystem bietet native Lösungen:
- MACOS: ITERM2 Excels in Split-Panels und Sitzungsverwaltung, obwohl ein integriertes Befehl für vordefinierte Layouts ausgelöst wird. Das Standard -MacOS -Terminal unterstützt auch Registerkarten und Spalten, fühlt sich jedoch weniger robust an.
- Linux: Terminator ist eine beliebte Wahl.
- Windows: Das Standard -Windows -Terminal bietet Bereichsunterstützung.
NPM-Taskläufer: Tools wie
concurrently
undnpm-run-all
Streamline, das mehrere NPM-Skripte ausführt. Sie sind jedoch auf NPM-Skripte beschränkt und unterstützen nicht von Natur aus die separate Schäfchenausgabe, was sie besser für kurzlebige Aufgaben eignet. Während Sie NPM -Skripte für andere Befehle erstellen können , bleibt die Ausgabeverwaltung eine Einschränkung.
Als MacOS -Benutzer habe ich mich auf ITMM2 -Lösungen konzentriert. Der integrierte Befehlslayouts fehlte jedoch nicht nützlich. Während AppleScript -Support zugunsten von Python ausgeschaltet wird, funktioniert AppleScript derzeit gut.
Hier ist ein Apfelkriptbeispiel:
ITM2 appleScript
Sagen Sie die Anwendung "iterm" Aktuelles Fenster sagen Fenster mit Standardprofil erstellen Tagen Sie die aktuelle Sitzung der aktuellen Registerkarte Setzen Sie den Namen auf "run.sh" Text "CD '/Users/Chriscyier/Github/cpor" schreiben " Text schreiben "./run.sh" Ende erzählen Registerkarte erstellen mit Standardprofil Tagen Sie die aktuelle Sitzung der aktuellen Registerkarte Setzen Sie den Namen auf "Rails" Text "CD '/Users/Chriscyier/Github/cpor" schreiben " Text "NVM Use" schreiben " Text "Garn" schreiben " Text "Bundle Install" schreiben " Text "Garn Run Rails" schreiben Ende erzählen Registerkarte erstellen mit Standardprofil Tagen Sie die aktuelle Sitzung der aktuellen Registerkarte Setzen Sie den Namen auf "Webpack" Text "CD '/Users/Chriscyier/Github/cpor" schreiben " Text "NVM Use" schreiben " Text "Garn" schreiben " Text "Garn Run Dev" schreiben Ende erzählen ( * vertikal geteilt - erfordert weitere Untersuchungen *) ( * Anmelde "Systemereignisse" an den Tastenanschlag "D" mit dem Befehl Down *) *) ( * Verzögerung 1 *) ( * Horizontal geteilt - erfordert weitere Untersuchungen *) ( * Bewerben Sie die Anwendung "Systemereignisse" zu dem Tastenanschlag "D" mit {Shift Down, Befehl Down} *) ( * Verzögerung 1 *) ( * Umzugsscheiben - Erfordert Erlaubnis *) ( * Anmelde "Systemereignisse" an den Tastenanschlag "]" Verwenden Sie den Befehl Down *) Ende erzählen Ende erzählen
Dieses Skript startet erfolgreich die gewünschten Prozesse in separaten Registerkarten. Die kommentierten Abschnitte stellen Versuche zur Aufteilung der programmatischen Bereiche dar, die eine weitere Erkundung erfordern. Die Abhängigkeit von Tastenanschlägen fühlt sich weniger elegant an, und die Untersuchung von Python-basierten Skripten für direktere Kontrolle ist ein zukünftiges Ziel. Das Fehlen einer einfachen Zusammenstellung in eine eigenständige App ist ebenfalls bemerkenswert.
Eine weitere MacOS -Option ist Alfred, ein leistungsstarkes Werkzeug für Workflow -Automatisierung, mit dem komplexe Terminal -Setups verwaltet werden können.
Das obige ist der detaillierte Inhalt vonEine Aktion, mehrere Terminalfenster laufende Sachen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Die Auswahl von Flexbox oder Grid hängt von den Layoutanforderungen ab: 1) Flexbox ist für eindimensionale Layouts wie die Navigationsleiste geeignet. 2) Das Gitter eignet sich für zweidimensionale Layouts wie Zeitschriftenlayouts. Die beiden können im Projekt verwendet werden, um den Layout -Effekt zu verbessern.

Der beste Weg, um CSS -Dateien einzubeziehen, besteht darin, Tags zu verwenden, um externe CSS -Dateien in den HTML -Teil einzuführen. 1. Verwenden Sie Tags, um externe CSS -Dateien einzuführen, wie z. 2. Für kleine Anpassungen können Inline -CSS verwendet werden, sollten jedoch mit Vorsicht verwendet werden. 3. Große Projekte können CSS -Präprozessoren wie SASS oder weniger verwenden, um andere CSS -Dateien über @import zu importieren. 4. Für die Leistung sollten CSS -Dateien zusammengeführt und CDN verwendet und mit Tools wie CSSNano komprimiert werden.

Ja, youShouldlearnbothflexBoxandgrid.1) FlexBoxiSidealfore-dimensional, flexibelayoutslikenAvigationMenus.2) GridexcelStwo-dimensional, komplexDesignsuchasmagazinelayouts.3) Kombininierungs-Botenhances-Flexible-und-und -Anteilungskraft, und -forsfossivität,

Wie sieht es aus, Ihren eigenen Code neu zu gestalten? John Rhea nimmt eine alte CSS -Animation auseinander, die er geschrieben hat, und geht durch den Denkprozess der Optimierung.

CsSanimationsarenotinherenthardbutRequirePractICEANDUnDing-fordertofcsPropertiesandTimingfunktionen.1) StartwithsimpleanimationslikescalingabuttononoversKeyFrames.2) useaSingFunctionslikecubic-BezierForteffects, SuchasabouNects, SuchasabouNects,, zu

@KeyFramesispopulardUeToitSverSatility und PowerIncreatingsmoothcsSanimations.KectrickSinclude: 1) DefiningsmoothTransitionSbetTates, 2) AnimatingMultipleProperTiesimultan, 3) mit VendorprefixesforBrowserCompatible, 4) Kombinieren, 4) Kombinieren, 4) Kombinieren, 4) Kombinieren, 4) Kombinieren

CSSCOUSTERSSARUSTOMANAGEAUTOMATICNUMBERINGINWEBDEsigns.1) Sie konzipieren SieForsofcontents, ListItems und CustomNumbering.2) AdvanceduSesincnednumberingSystem.3) CHEFORDIGESINCLUDSERCOMPATIBILIBLEISE.4) CreativeuSinvolvecustInance

Die Verwendung von Scroll -Schatten, insbesondere für mobile Geräte, ist ein subtiles Stück UX, das Chris zuvor abgedeckt hat. Geoff deckte einen neueren Ansatz ab, der die Immobilie der Animationszeit verwendet. Hier ist ein anderer Weg.


Heiße KI -Werkzeuge

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool
Ausziehbilder kostenlos

Clothoff.io
KI-Kleiderentferner

Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heißer Artikel

Heiße Werkzeuge

SublimeText3 Linux neue Version
SublimeText3 Linux neueste Version

ZendStudio 13.5.1 Mac
Leistungsstarke integrierte PHP-Entwicklungsumgebung

EditPlus chinesische Crack-Version
Geringe Größe, Syntaxhervorhebung, unterstützt keine Code-Eingabeaufforderungsfunktion

SAP NetWeaver Server-Adapter für Eclipse
Integrieren Sie Eclipse mit dem SAP NetWeaver-Anwendungsserver.

MantisBT
Mantis ist ein einfach zu implementierendes webbasiertes Tool zur Fehlerverfolgung, das die Fehlerverfolgung von Produkten unterstützen soll. Es erfordert PHP, MySQL und einen Webserver. Schauen Sie sich unsere Demo- und Hosting-Services an.
