Hostowanie wtyczki na serwerze lokalnym
Zanim będzie można wyświetlić podgląd sklonowanej wtyczki w programie FormIt, należy umieścić ją jako hostowaną na serwerze lokalnym.
Wyświetlanie terminala w środowisku IDE
Istnieje możliwość uruchomienia serwera w programie Visual Studio Code zamiast w oddzielnym oknie terminala. **** Przed otwarciem terminala upewnij się, że w programie Visual Studio Code jest otwarty właściwy folder.
Widok > Terminal (lub skrót Ctrl + `)

Konfigurowanie serwera HTTP
Serwer HTTP, który działa poprawnie, to serwer http-server programu npm.
Najpierw należy pobrać i zainstalować środowisko NodeJS, jeśli nie zostało jeszcze zainstalowane.
W przypadku wystąpienia błędów w kolejnych punktach spróbuj ponownie uruchomić komputer, aby ukończyć instalację środowiska NodeJS.
W wierszu polecenia wprowadź następujące wartości, aby zainstalować globalnie http-server programu npm (konfiguracja jednorazowa).
npm install http-server -g

Uruchamianie serwera licencji
Po ukończeniu instalacji uruchom następujące polecenie w terminalu, aby uruchomić serwer npm http-server:
http-server

Wskazówka 1: w przypadku problemów z uruchomieniem serwera http-server (zainstalowanego globalnie lub lokalnie) może być przydatne uruchomienie go bezpośrednio za pośrednictwem serwera npx:
npx http-server
Wskazówka 2: w przypadku użytkowników systemu Windows 10/11, jeśli wystąpi błąd podczas uruchamiania skryptu na nowym komputerze, może to być spowodowane wyłączeniem ustawień. Aby to naprawić:
Uruchom skrypt programu PowerShell jako administrator
Wprowadź:
Set-ExecutionPolicy RemoteSigned
Programowanie dla wersji internetowej programu FormIt
Aby zaprogramować rozwiązanie dla wersji internetowej programu FormIt, zamiast tego należy po prostu uruchomić następujące polecenie:
http-server --cors

Weryfikowanie serwera
Możesz zweryfikować swój serwer, przechodząc do następującego adresu w przeglądarce internetowej:
http://localhost:8080
Pliki folderu projektu powinny być widoczne w oknie przeglądarki.
**Jeśli używany jest serwer internetowy inny niż npm, domyślny adres/port może być inny.

Last updated