Devectus

Devectus (Alpha): Eine Offline -Codekomponentenanwendung

Vorsicht

Dieses Projekt befindet sich in einem ziemlich frühen Entwicklungsstadium und ist einer unserer ersten Versuche, ein Projekt OpenSourcing zu machen

Eine Offline -Komponentenbibliotheksanwendung, mit der Entwickler Codekomponenten/-ausschnitte auf dem lokalen Laufwerk speichern können. Keine Komplexität, eine einfache Codepaste, die für die spätere Verwendung gespeichert ist.

Inhalt

• Unsere Ziele
• Aktuelle Funktionen
• Beitragen
• Installation und Einstieg
• Verwenden der Anwendung

Devectus Trailer (Klicken Sie auf Bild) -

Warnung

Während das Projekt vorerst unter der CC BY-NC 4.0- Lizenz steht, sind wir für Vorschläge offen und können die Lizenz in Zukunft auf der Grundlage des Feedbacks von Mitwirkenden überdenken.

Unsere Ziele

• Um die Wiederverwendung von Codekomponenten für Entwickler zu erleichtern.
• Um Entwickler Codes Creations sicher und zu 100% offline zu halten.
• Erhöhung der Projektentwicklungseffizienz.
• Um es einfach zu halten, keine KI- oder LLM -Verbesserungen, um die Privatsphäre "Seelenfrieden" zu fördern.
• Halten Sie das Design sauber und modern.

Aktuelle Funktionen

• Fügen Sie eine Komponente mit; Name , Tags (maximal 3 im Moment), Sprachen (maximal 3) und Code -Eingangsfelder
• Eine Komponente bearbeiten; Name , Tags , Sprachen und Code -Eingabefelder
• Löschen Sie eine Komponente
• PIN -Komponenten
• Wählen Sie Komponenten aus, um alle vom Benutzer eingegebenen Informationen anzuzeigen
• Suchkomponenten nach Namen oder Tags
• Neuere Tags -Bereich für einen besseren Zugriff auf Komponenten
• Langaugees -Tags -Bereich für Liste von 5 Langaugens in der Bibliothek von Komponenten
• Einstellungsbereich mit dunklen und hellen Themen für App
• App -Aktualisierungstaste
• Automatisch zugewiesene Codelogos für Komponenten aus "Devicons"

Beitragen

Wir haben viele Funktionen, Ideen und einige Probleme, an denen wir arbeiten müssen (siehe Probleme), wenn Sie der Meinung sind, dass Sie dazu beitragen könnten, sehen Sie sich den Bereich des beitragenden.mds an und lassen Sie es uns wissen!

Gewünschte Funktionen

• Dyanamic React -Komponente/Anwendung Nachladen Wenn Wechselwirkungen auftreten, dh wenn eine neue Komponente hinzugefügt wird, wird der Komponentenbereich aktualisiert, um die neue Komponente sofort anzuzeigen
• Dynamische Suche, die verfügbare Ergebnisse automatisch basierend auf aktiven Eingaben anzeigt
• Größere Funktionen für Codeverarbeitung/Ausgabe (derzeit nur HTML, CSS, JavaScript); Dies könnte möglicherweise mit Monaco -Redakteuren eingestellt werden (offen für Vorschläge)
• Codereinigungen und Optimierungen
• Bessere Datei- und Ordnerstruktur

Zukünftige Feature -Ideen

• Bessere Verantwortung für alle Geräte (Styling)
• Weitere Ausdauer der Alarmantwort
• Implementation für Sicherheits- und Sicherheitsrichtlinien für Sicherheits- und Sicherheitsrichtlinien
• Ziehen Sie einstellbare Abschnitte, dh organisieren Breiten des Komponentencontainers oder Codedetailsbereichs
• Zeitstempel für Komponenten automatisch ("Datum erstellt", "Datum geändert")
• Vollständig benutzerdefinierte Code-Mirror-Bereiche, die dunkle/helle Themen entsprechen (Code-Editor)
• Animationen und Übergangseffekte (Styling)
• Weitere wählbare Themen
• Verbinden Sie die Anwendung mit einer Erweiterung im VS -Code, um den Komponentencode einfacher in Projekte hinzuzufügen
• Obsidian Intergration/Kompatibilität, um eine Komponente mit Notizen zu verbinden

Hier finden Sie alle geplanten Funktionen hier

Wir sind immer offen für weitere Vorschläge, die den Projektzielen übereinstimmen

Installation und Einstieg

Ab sofort kann das Projekt nur aus diesem Github -Repository installiert werden -

Bitte stellen Sie sicher, dass Ihre NodeJS -Version v20.15.1 oder höher ist

Folgen Sie dem Leitfaden bei Github Docs

Erste Schritte

Pakete installieren -

 npm install

Starten Sie die Anwendung -

 npm start

Vorsicht

Derzeit sind wir uns der Kreuzkompatibilität dieser Anwendung auf andere Betriebssysteme als Windows 11 nicht bewusst. Bitte informieren Sie uns über alle Probleme, die Sie möglicherweise finden!

Verwenden der Anwendung

• Hinzufügen einer Komponente

  Sobald Devectus gestartet und geöffnet ist, können Sie zunächst eine neue Komponente erstellen, indem Sie die Schaltfläche "Hinzufügen" im Tools -Bereich auswählen. Befolgen Sie die Anweisungen auf Bildschirmformular, um Ihre Komponente zu erstellen.

• Wählen Sie die Komponenteninformationen aus und anzeigen Sie

  Klicken Sie auf eine Komponente in der Komponentenliste/im Bereich/Bereich, um alle für diese ausgewählten Komponenten eingegebenen Informationen anzuzeigen, einschließlich Name, Tags, Langaugees und dem Code, das eingegeben wurde, sowie eine Ausgabe (HTML, CSS und JavaScript nur).

• Bearbeiten Sie eine Komponente

  Sie können Komponenteninformationen bearbeiten, indem Sie eine Komponente auswählen und dann die Schaltfläche "Bearbeiten" im Tools -Bereich auswählen und dann entsprechend Änderungen im Formular vornehmen.

• Löschen Sie eine Komponente

  Sie können eine Komponente löschen, indem Sie eine Komponente auswählen und dann die Schaltfläche "Löschen" im Bereich "Tools" auswählen und dann klicken, um Löschen zu bestätigen.

• Pin auf eine Komponente

  Sie können Komponenten, die Sie möglicherweise als wichtiger ansehen, durch die Auswahl der Komponente ansehen und dann die Schaltfläche "PIN" im Werkzeugbereich auswählen.

• Suche nach einer Komponente

  Sie können nach einer Komponente suchen, indem Sie Ihre Suche in die Suchleiste über den Tools -Schaltflächen/in den Bereichen eingeben und das Suchsymbol auswählen oder die Taste "eingeben" drücken.

• Anwendungsthema ändern

  Wählen Sie die Schaltfläche Einstellungen oben links in der Anwendung aus und wählen Sie dann das bevorzugte Thema (hell/dunkel).

• Aktualisieren Sie die Anwendung

  Wählen Sie die Schaltfläche Aktualisieren neben dem Logo oben links in der Anwendung aus, und die neu erstellte Komponente sollte angezeigt werden.

Notiz

Wir hoffen, bald automatische Aktualisierung oder eine dynamische Aktualisierung in bestimmten React -Komponenten zu ersetzen, um die Notwendigkeit zu ersetzen, mit der Taste zu aktualisieren.