| Tabla de contenidos |
|---|
...
Explicación en vídeo
| Videolink | ||||
|---|---|---|---|---|
|
Creación de proyecto
Para crear un proyecto Vue seguiremos los siguientes pasos (omitiendo los de instalar requisitos previos si ya los tenemos):
...
Una vez hecho esto, tenemos dos opciones, un script que sirve de arquetipo para aplicaciones FundewebJS, o la forma nativa.
Arquetipo FundewebJS
- En primer lugar, debemos descargar este archivo: crearProyectoFDWJS.rar. Descomprimimos la carpeta que contiene.
- Nos abrimos una terminal y nos situamos dentro de la carpeta que hemos extraído.
Ejecutamos:
Bloque de código crearProyecto.bat
- Nos pedirá que introduzcamos el nombre del proyecto, y el resto del proceso se ejecuta automáticamente.
Con esto, tendremos el proyecto creado en el mismo directorio que el script, tendremos que moverlo si queremos.
Forma nativa
Desde una terminal, nos situamos en el directorio en el que queramos generar el proyecto (nos podemos mover por los directorios con el comando cd) y ejecutamos el siguiente comando (el nombre que le demos al proyecto debe ser todo en minúsculas):
...
Una vez terminada la creación del proyecto, lo podremos abrir en VS Code desde File → Open Folder y seleccionando la carpeta generada.
Estructura de un proyecto Vue
La estructura de nuestros proyectos Vue vendrá marcada por unos directorios comunes de forma que el código quede organizado de forma similar en todos los proyectos FundeWebJs. El código lo tendremos bajo la carpeta :
...