# Hosten eines Plugins auf einem lokalen Server

Bevor Sie die Vorschau eines geklonten Plugins in FormIt anzeigen können, müssen Sie es auf einem lokalen Server hosten.

### **Anzeigen des Terminals in einer IDE**

Sie haben die Möglichkeit, den Server in Visual Studio Code zu starten, anstatt ein separates Terminal-Fenster zu verwenden. \*\*\*\* Stellen Sie vor dem Öffnen eines Terminals sicher, dass der richtige Ordner in Visual Studio Code geöffnet ist.

Ansicht > Terminal (oder Tastenkombination STRG + \`)

![](https://1309388952-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkzE7Q7k0Xo8puMWqwPDL%2Fuploads%2Fgit-blob-70728aa5230058bbc0853af7597d5633c8482daa%2Fimage%20\(11\).png?alt=media)

### Einrichten eines HTTP-Servers

Ein gut geeigneter HTTP-Server ist der [http-server](https://www.npmjs.com/package/http-server) von npm.

Zuerst müssen Sie [NodeJS](https://nodejs.org/en/) herunterladen und installieren, falls noch nicht geschehen.

Wenn in den folgenden Schritten Fehler auftreten, starten Sie den Computer neu, um die NodeJS-Installation abzuschließen.

Geben Sie in der Befehlszeile Folgendes ein, um den *http-server* von npm global (einmalige Einrichtung) zu installieren.

* `npm install http-server -g`

![](https://1309388952-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkzE7Q7k0Xo8puMWqwPDL%2Fuploads%2Fgit-blob-aa9245c0718bb2a1b84597879f87b1db1944e0a5%2Fimage%20\(47\).png?alt=media)

### Starten des lokalen Servers

Wenn die Einrichtung abgeschlossen ist, führen Sie den folgenden Befehl im Terminal aus, um den http-server von npm zu starten:

* `http-server`

![](https://1309388952-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkzE7Q7k0Xo8puMWqwPDL%2Fuploads%2Fgit-blob-2c233a5985b71b0451ef3a5a68083c76b879a87d%2Fimage%20\(84\).png?alt=media)

Tipp 1: Bei Problemen mit der Ausführung des http-server (global oder lokal installiert) kann es hilfreich sein, ihn direkt über npx auszuführen:

* `npx http-server`

Tipp 2: Wenn bei Windows 10-/11-Benutzern beim Ausführen eines Skripts auf dem neuen Computer ein Fehler auftritt, kann dies daran liegen, dass die Einstellungen deaktiviert sind. Fehlerbehebung:

* Starten Sie das PowerShell-Skript als Administrator.
* Geben Sie Folgendes ein: `Set-ExecutionPolicy RemoteSigned`

### Entwickeln für FormIt Web

Um für FormIt Web zu entwickeln, führen Sie stattdessen einfach den folgenden Befehl aus:

* `http-server --cors`

![](https://1309388952-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkzE7Q7k0Xo8puMWqwPDL%2Fuploads%2Fgit-blob-1d46258711cea48d71a7b31beb20b2fac11b3dbf%2Fimage%20\(10\)%20\(1\).png?alt=media)

### Überprüfen Ihres Servers

Sie können Ihren Server überprüfen, indem Sie in Ihrem Webbrowser zu folgender Adresse navigieren:

* <http://localhost:8080>

Ihre Projektordnerdateien sollten nun im Browserfenster angezeigt werden.

\*\*Wenn Sie einen anderen Webserver als npm verwenden, weicht die Vorgabeadresse/der Vorgabeanschluss möglicherweise von der hier angegebenen Adresse ab.

![](https://1309388952-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkzE7Q7k0Xo8puMWqwPDL%2Fuploads%2Fgit-blob-fed5b683fc91a4717930e195a3b740f87ddd655f%2Fimage%20\(41\).png?alt=media)