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.