# Alojamiento de un módulo de extensión en un servidor local

Antes de obtener una vista preliminar de un módulo de extensión clonado en FormIt, debe alojarlo en un servidor local.

### **Ver el terminal en IDE**

Tiene la opción de iniciar el servidor en Visual Studio Code en lugar de en una ventana de terminal independiente.\*\*\*\* Antes de abrir un terminal, asegúrese de que la carpeta correcta esté abierta en Visual Studio Code.

View > Terminal (o utilice el método abreviado Ctrl + \`).

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

### Instalar un servidor HTTP

Un servidor HTTP que funciona correctamente es [http-server](https://www.npmjs.com/package/http-server) de npm.

En primer lugar, deberá descargar e instalar [NodeJS](https://nodejs.org/en/) si aún no está instalado.

Si se producen errores en los pasos siguientes, pruebe a reiniciar el equipo para completar la instalación de NodeJS.

En la solicitud de comando, introduzca lo siguiente para instalar el *http-server* de npm globalmente (una instalación única).

* `npm install http-server -g`

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

### Iniciar el servidor local

Una vez completada la instalación, ejecute el siguiente comando en el terminal para iniciar el "http-server" de npm:

* `http-server`

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

Consejo 1: En caso de que surja algún problema al ejecutar el "http-server" (instalado de forma global o local), puede ser útil ejecutarlo directamente a través de npx, como se indica a continuación:

* `npx http-server`

Consejo 2: Para los usuarios de Windows 10 u 11, si se produce un error al ejecutar una secuencia de comandos en el nuevo equipo, esto puede deberse a que se ha desactivado la configuración. Para solucionar este problema, realice lo siguiente:

* Inicie una secuencia de comandos de PowerShell como administrador.
* Introduzca: `Set-ExecutionPolicy RemoteSigned`

### Desarrollar para la versión web de FormIt

Para el desarrollo para la versión web de FormIt, ejecute el siguiente comando en su lugar:

* `http-server --cors`

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

### Comprobar el servidor

Para comprobar el servidor, acceda a la siguiente dirección en el navegador web:

* <http://localhost:8080>

Debería ver los archivos de la carpeta de proyecto en la ventana del navegador.

\*\*Si utiliza un servidor web distinto al de npm, la dirección o el puerto por defecto podrían ser diferentes.

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