Online Vue Code Editor | Compiler | Vue WYSIWYG
Table of Contents
Schritte zur Verwendung des Vue.js Online Editors und Compilers
- Es gibt drei Dateien im Editor index.html, style.css und vue-script.js – Platzieren Sie den html-Code in der Datei index.html und den CSS-Code in style.css und die vue-Javascript-Funktion in vue-script.js.
- Nachdem Sie den Code im Online-Vue-Editor geschrieben haben, können Sie einfach auf die Schaltfläche Ausführen klicken, um den Code auszuführen.
- Die Ausgabe für den Code der Vue-IDE können Sie auf der rechten Seite im Bereich “Ergebnis” sehen.
- Um ein zusätzliches Bild, eine Javascript- oder css-Datei hinzuzufügen, klicken Sie einfach auf das Symbol mit dem + Plus-Button: Fügen Sie den Code ein und benennen Sie die Datei.
Start mit Vue online Editor
Wesentliche Merkmale des Online-Vue-Code-Editors und -Compilers
- Online Vue-Editor und -Ansicht können verwendet werden, um Javascript-Funktionen einschließlich der vue-script.js-Bibliothek auszuführen.
- Sie können den Code direkt im Editor schreiben und den Code gleichzeitig in der Ansicht ausführen.
- Es unterstützt die neueste Version der Vue js Bibliothek.
- Online Vue Compiler und Editor ist geeignet für die Visualisierung des Codes ohne zusätzliche Konfigurationen.
- Der Online View Vue Editor wird von Trinker.io unterstützt und gehostet
- Sie können eine beliebige Anzahl von Bildern, CSS-Stylesheets und Javascript-Dateien in den Editor einfügen.
- Sie können den Code des Vue.js-Editors online mit jedem teilen, indem Sie den Share-Button verwenden.
- Sie können auch den Vue-Code mit einem Klick auf eine Schaltfläche herunterladen.