Heim >Web-Frontend >js-Tutorial >Starten Sie neue Projekte schneller: 10 Gerüst -Web -Dev -Tools
Zehn Bibliotheken, mit denen Sie schnell neue Projekte starten können
Kernpunkte:
In diesem Artikel werden Sie zehn Bibliotheken vorgestellt, mit denen Sie neue Projekte schneller beginnen können. Bei SitePoint fällt es den meisten von uns schwer, einer neuen Codebasis zu widerstehen, und wir wollten sehen, ob wir das ideale Toolkit für projektbasierte Entwickler eingrenzen können. Wenn Sie ein Entwickler sind, der gerne häufig neue Projekte startet, sie auf der ganzen Welt veröffentlichen und ihre Effektivität beobachten (Verifizierung, wie Ihr Marketingfreund sagt), benötigen Sie ein Toolkit. Wenn Sie in Ihrer eigenen Zeit nur einmal im Jahr ein neues Projekt beginnen, kann das Erlernen dieser Tools eine Zeitverschwendung sein - es ist nichts für Sie. Wenn Sie jedoch gleichgültig gegenüber der Homepage ein oder drei Spaltenlayout sind, müssen Sie alles tun, um zu helfen. Ich habe die Tools in diesem Artikel ausgewählt, weil sie in der Lage sind, Sie von null bis eins in so kurz wie möglich zu bringen. Angesichts der Tatsache, dass der Umfang hier darin besteht, Ihr Projekt schnell zu leiten, füge ich auch nicht nur Bibliotheken, sondern auch alle Tools ein, die zeitsparende Gerüste und leistungsstarke Geschwindigkeitsvorteile bieten. Ich habe eine Reihe von Auswahlmöglichkeiten getroffen, um verschiedene Aspekte des Projekts abzudecken - Sie könnten mehrere davon zusammenstellen, um eine erfolgreiche Kombination zu bilden.
Meteor
Meteor ist ein JavaScript-Full-Stack-Framework zum Erstellen von Web- und mobilen Anwendungen. Wenn wir über Geschwindigkeit sprechen, können wir es nicht anders, als es zu erwähnen. Meteor ist der König der Geschwindigkeit. Es beschränkt Sie auf seine Regeln und wie Sie Dinge tun, aber wenn Ihr Ziel es ist, so schnell wie möglich einen Prototyp zu veröffentlichen, wird Meteor Ihre Unterstützung sein.
Eine leistungsstarke Funktion von Meteor ist die Fähigkeit, Code auf der Serverseite und auf der Clientseite zu teilen. Dies spart viel Zeit und hilft Ihnen, sich auf das zu konzentrieren, was wirklich wichtig ist. Es integriert auch MongoDB und Websockets aus dem Box.
Segel
Sails ist ein Model-View-Controller-Webanwendungs-Framework. Dies verringert die Reibung bei Entwicklern, die bereits mit anderen MVC -Frameworks vertraut sind, unabhängig von Sprache oder Plattform. Das Einzigartige an Sails.js ist, wie es den Prozess der Erstellung regelmäßiger moderner Webanwendungen mit einer vereinfachten Datenzugriffsschicht (datenbankunabhängig) und von Anwendungsstudien entworfenen REST-API-Blaupausen vereinfacht, die Routen und Vorgänge generieren.
Eine der anderen Seite verfügt es über eine grundlegende Sicherheits- und rollenbasierte Zugriffskontrolle sowie die Integration von Websockets-Integration, was es zu einer hervorragenden Wahl für Echtzeitanwendungen macht.
MongoDB Mongoose
Wenn Sie MongoDB verwenden, sollten Sie den loyalen Partner Mongoose nutzen. Diese Bibliothek hilft Ihnen, Ihre Daten einfach in Muster zu modellieren. Sie hilft Ihnen auch bei Transformationen und Validierung und vielem mehr. Dies ist eine clevere Möglichkeit, eine Menge Boilerplate -Code zu beseitigen, die Sie sonst nach unten ziehen würden.
Wir können sagen, dass dies ein Zwei-in-One ist, da dies impliziert, dass die Verwendung von MongoDB eine gute Wahl ist, ob Sie Mongoose verwenden oder nicht. MongoDB… OK, lassen Sie mich ihre Website zitieren: & GT;
Schließlich fügten sie hinzu: & gt;
Das war's. Was brauchst du noch? Hör auf zu zögern und fange an zu codieren!
lodash
Lodash bietet eine Reihe von bequemen Werkzeugen, mit denen Ihr tägliches Codierungsleben komfortabler wird. Es hilft Ihnen, Itereration, Sortieren, Gas, Dunkel und Funktionen zu itererieren, zu sortieren, zu drosseln und alle Funktionen zu erfüllen, die Sie schließlich zur Utils -Datei hinzufügen.
Das wahre coole an Lodash ist, dass alle Funktionen importiert und sogar separat installiert werden können. Sie müssen sich nicht mit unnötigem Code anlegen. Wenn Sie nur die Drosselungsfunktion benötigen, können Sie dies tun:
<code>npm install lodash/throttle</code>
Wenn Sie der Meinung sind, dass Sie einige Lodash -Funktionen verwenden, aber Sie sind sich nicht sicher, welche Funktionen Sie nicht mehr Probleme haben möchten, jede Funktion einzeln zu installieren. Sie können sie wie folgt importieren:
<code>import throttle from 'lodash/throttle'</code>Auf diese Weise wird der Rest der Bibliotheken Ihr Paket nicht betreten und Sie können glücklich leben.
svelte
Svelte ist ein ziemlich neuer Front-End-Framework, der seit einiger Zeit viel Hype und aus gutem Grund entsteht. Es ist so einfach, das zu verwenden, wenn Sie Ihr Kleinkind Neffen berühren lassen, es könnte Ihren Job wegnehmen. Ich mache keine Witze; Versteh mich nicht falsch: Das Schreiben von Front-End-Code ist immer noch kompliziert, aber durch den Fehler nicht kompliziert. Wenn dies die zukünftige Richtung der Webentwicklung ist, kann ich es kaum erwarten zu sehen, was als nächstes passiert.
vue.js vue cli
Vor Selte war Vue.js definitiv meine erste Wahl für das intuitivste Front-End-Gerüst. Es kann immer noch in seiner Konkurrenz mit anderen Konkurrenten Fuß fassen. Die Vorteile von Vue.js liegen in Reife und Zuverlässigkeit. Anfangs fiel es schwer, das Vertrauen der Branche zu gewinnen, aber jetzt haben wir nicht geleugnet, dass Vue.js seinen rechtlichen Status an der Spitze gewonnen hat.
reagieren cra
Ein starker Konkurrent von Vue CLI ist definitiv die Create -React -App, besser bekannt als CRA. Es beginnt sehr schnell, und wenn Sie bereits mit React vertraut sind, ist dies möglicherweise eine bessere Option.
CRA wird aktiv aufrechterhalten, wobei der Fokus darauf fokussiert, Ihre Umgebung reibungslos auf dem Laufenden zu halten. Der einzige Nachteil ist, dass Sie Ihre Anwendung in der Regel "Popup" -Anwendung anpassen müssen, um die Webpack-Konfiguration aufzudecken. Sobald Sie dies tun, bietet das CRA -Team keine Unterstützung mehr, da Sie die CRA -Anwendung nicht mehr haben. Dennoch müssen Sie möglicherweise nie "auftauchen", es sei denn, Sie versuchen, etwas zu erstellen, das von einer bestimmten Konfiguration abhängt.
drei.js
Wenn Sie etwas bauen, das 3D in Ihrem Browser erfordert, dann ist drei.js Ihr Freund. Es ist sehr einfach zu bedienen, hat eine starke Gemeinschaft und hat so viele Mitwirkende wie die Sterne am Himmel. Drei.js macht WebGL einfach.
Three.js ist eine leichte Rendering -Bibliothek, die leicht in die meisten Projekte integriert werden kann, was sie zu meiner ersten Wahl macht. Sie sollten sich die vorgestellten Artikel auf ihrer Website ansehen, um sich inspirieren zu lassen. 3D im Web ist nicht nur zum Spielen. Sie können eine ganz neue Dimension in die Erfahrung Ihres Kunden bringen. Lassen Sie mich Ihnen meine Favoriten zeigen: - go.pioneer.com/cornrevolution - minderer-wolff.fr/cepages-alace
Dies ist ein zusätzlicher Bonus, ein Musikvideo:- https://www.php.cn/link/d169e16da608a6a8d61bc64a2d33e8a
pixijs
Benötigen Sie eine schöne und glatte 2D -Animation? Pixi ist eine HTML5 Creative Engine mit super schnellem 2D -WebGL -Renderer.
Es ist sehr einfach zu bedienen und Sie sollten sich in der Galerie ansehen, um die enorme Menge an coolen Inhalten zu sehen, die Sie erstellen können. Wenn eines dieser ähnlichen, denen Sie erreichen möchten, hilft Ihnen diese Bibliothek, Ihr Projekt zu beginnen.
Parzel
Versteh mich nicht falsch, ich mag Webpack, aber wenn Sie sich von diesen komplizierten Konfigurationsdateien satt haben, sind Sie nicht allein. Parcel ist ein außerhalb des Box-Bundlers ohne Konfiguration. Sie können es anpassen, wenn Sie es benötigen, aber der Schlüssel ist, dass Sie nicht müssen. Die Standardeinstellungen reichen aus, um Ihr Projekt zum Laufen zu bringen.
Schlussfolgerung
Wie wir gesehen haben, gibt es keine einheitliche Lösung, aber hoffentlich finden Sie etwas in dieser Liste, das zu Ihrem spezifischen Projekt passt. Natürlich habe ich viele andere hervorragende Lösungen verpasst. Aber wie ich anfänglich sagte, liegt der Fokus in diesem Fall nicht auf Wartbarkeit oder Skalierbarkeit, sondern wie schnell sie beginnen. Etwas Außergewöhnliches zu bauen, dauert nicht zu schwer. Manchmal geht es nur darum, die richtigen Werkzeuge zu verwenden.
Häufig gestellte Fragen zum schnelleren Starten neuer Projekte (FAQ)
Gerüst ist eine Technologie, die von vielen modernen Webrahmen verwendet wird, um die Anwendungsentwicklung bei der Programmierung zu beschleunigen. Es umfasst automatisch die grundlegende Codestruktur, auf der Entwickler erstellen können. Dies kann Code für grundlegende CRUD -Operationen, Ansichten und sogar Datenbankmigrationen umfassen. Durch die Bereitstellung von Grundstruktur ermöglicht es den Entwicklern, sich auf einzigartige Aspekte ihrer Anwendungen zu konzentrieren, anstatt sich auf einen doppelten Boilerplate -Code zu konzentrieren.
yeoman ist ein leistungsstarkes Tool, das Entwicklern dabei hilft, neue Projekte schnell zu starten. Es bietet ein Ökosystem von Generatoren, was bedeutet, dass es Vorlagen für alle Arten von Anwendungen bietet. Diese Vorlagen oder "Generatoren" können verwendet werden, um neue Projekte mit grundlegenden Strukturen, Abhängigkeiten und sogar einem Boilerplate -Code schnell einzurichten. Dies reduziert die Zeit und den Aufwand erheblich, um ein neues Projekt von Grund auf neu einzusetzen.
Es gibt viele Vorteile, um Projektwerfer wie Yeoman zu verwenden. Erstens spart es Zeit, indem es den Prozess der Einrichtung neuer Projekte automatisiert. Zweitens gewährleistet es die Konsistenz von Projekten, indem die gleichen Struktur- und Codierungsstandards verwendet werden. Drittens verringert es das Risiko von Fehlern und Defekten durch die Verwendung getesteter Code. Schließlich ermöglicht es Entwicklern, sich auf einzigartige Aspekte ihrer Projekte zu konzentrieren, anstatt sich auf das Einrichten und Konfiguration zu befassen.
herkömmliche Programmiermethoden umfassen normalerweise das Schreiben jedes Teils des Codes von Grund auf neu. Dies kann sehr zeitaufwändig und fehleranfällig sein. Andererseits bietet Gerüste eine Grundstruktur und einen Kesselplattencode für den Einstieg. Dies beschleunigt nicht nur den Entwicklungsprozess, sondern gewährleistet auch die Konsistenz und verringert das Fehlerrisiko. Es ist jedoch zu beachten, dass das Gerüst nicht das Verständnis der zugrunde liegenden Code- und Programmierkonzepte ersetzen kann.
Ja, der vom Gerüst generierte Code ist vollständig anpassbar. Der Zweck des Gerüsts ist es, einen Ausgangspunkt zu liefern, kein fertiges Produkt. Entwickler sollten generierten Code ändern und erstellen, um ihre eindeutigen Anwendungen zu erstellen. Tatsächlich ist das Verständnis und das Anpassen von Gerüstcode eine großartige Möglichkeit, Frameworks und verwandte Programmierkonzepte zu lernen.
Gerüst ist besonders nützlich für Projekte, die gemeinsame Muster wie Webanwendungen mit CRUD -Operationen folgen. Gerüste ist jedoch möglicherweise nicht so, dass sie für einzigartige Projekte mit unkonventionellen Bedürfnissen vorteilhaft sind. In diesem Fall sind Entwickler möglicherweise eher geneigt, ihren eigenen Code von Grund auf neu zu schreiben, um die Struktur und das Verhalten der Anwendung vollständig zu kontrollieren.
Einige beliebte Gerüstwerkzeuge sind Yeoman, Rails Generatoren, Djangos StartProject- und StartApp-Befehle sowie Laravels Artisan Command-Line-Tool. Diese Tools unterstützen eine Vielzahl von Programmiersprachen und Frameworks und bieten verschiedene Vorlagen oder „Generatoren“ für verschiedene Arten von Anwendungen.
Der beste Weg, um zu lernen, wie man Gerüstwerkzeuge effektiv verwendet, ist die Übung. Lesen Sie zuerst die Dokumentation und Tutorials für die Tools, an denen Sie interessiert sind. Versuchen Sie es dann in einem kleinen Projekt. Experimentieren Sie mit verschiedenen Generatoren, passen Sie den generierten Code an und sehen Sie, wie sich die Anwendung auswirkt. Im Laufe der Zeit haben Sie ein besseres Verständnis dafür, wie Gerüst funktioniert und wie Sie es effektiv einsetzen.
Während das Gerüst die Entwicklung beschleunigt und die Konsistenz sicherstellt, ist es nicht ohne Nachteile. Ein potenzielles Problem ist, dass, wenn der generierte Code Funktionen enthält, die das Projekt nicht benötigt, den Code aufblähen kann. Ein weiteres Problem ist, dass es möglicherweise eine Abhängigkeit von Gerüstwerkzeugen erzeugt, was es schwierig macht, in Zukunft auf verschiedene Tools oder Frameworks zu wechseln. Schließlich kann es für Entwickler zu einer Krücke werden, die den zugrunde liegenden Code und Konzepten nicht vollständig verstehen.
Gerüst erleichtert eine schnellere Abschluss des Projekts durch Automatisierung der Erstellung von doppelter Code und Struktur. Auf diese Weise können Entwickler sich auf einzigartige Aspekte ihrer Projekte konzentrieren, anstatt Zeit zu verbringen, um einzurichten und zu konfigurieren. Darüber hinaus verringert das Gerüst durch den getesteten Code das Risiko von Fehlern und Defekten, was auch den Entwicklungsprozess beschleunigen kann.
Das obige ist der detaillierte Inhalt vonStarten Sie neue Projekte schneller: 10 Gerüst -Web -Dev -Tools. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!