Crear un nuevo proyecto en Vue (npm create vue) para consumir mediante una API en CodeIgniter 4

Vamos a crear un proyecto en Vue mediante el ecosistema de Node.

Vamos a comenzar así que para eso recordemos que vamos a ocupar Node para instalar lo que es nuestro Vue así que en caso de que no lo quieras emplear tengas problemas con Node o lo que tú quieras o quieres emplear la CD y no sepas cómo arrancar puedes revisar al final de la sección si ya agregué algo referente a esto no sé si lo agregué dependiendo de si me lo solicitan o no entonces si no me lo han solicitado me lo puedes solicitar para agregar dicho desarrollo y si no bueno tiene me puedes preguntar cualquier cosa entonces recordemos que ya partimos de lo que hicimos en la clase anterior que fue 

Ventajas de Vue y Node

simplemente aquí hablar un poquito sobre qué es Vue por qué lo vamos a emplear y también qu vamos a emplear la versión de Node con Vue porque aquí tenemos todo el ecosistema a nuestra disposición y ese es el que usualmente vamos a emplear cuando queramos hacer cualquier desarrollo en viw entonces aquí la pequeña desventaja que tenemos es que no podemos vincular Vue de manera directa con el proyecto es decir vamos a tener un proyecto en codiner 4 que en este caso viene siendo este y de manera independiente la aplicación en Vue cosa que por ejemplo el laravel cuando creamos un proyecto en Laravel ya automáticamente tenemos un integración con node y con esto podemos instalar en el mismo proyecto tanto nuestro querido Vue junto con el arabel que sería todo lo que tenemos acá pero en viu en cader no podemos hacer ese tipo de implementaciones ya que no forma parte o no nos trae el ecosistema de Vue por el ecosistema de node por defecto 

Así que lo tenemos que hacer en un proyecto aparte aunque usualmente esto Esto es lo que se lo que hacemos es decir aquí lo que nos interesa de CodeIgniter viene siendo la API que construimos anteriormente y desde aquí la queremos consumir así de simple así que usualmente eso se hace desde proyectos apartes que en este caso estamos haciendo una demostración para consumir la API Rest mediante una aplicación en Vuepero puede ser una aplicación React angular una aplicación móvil que ya en ese punto obviamente no va a ser el mismo proyecto es ser una aplicación en Flutter Android nativo con escode con lo que tú quieras

Es importante saber que usualmente se manejan proyectos apartes bien aquí lo primero que tienes que hacer es posicionarte en alguna parte donde quieras crear tu proyecto y ejecutas:

$ npm create vue@latest

 Importante para que podamos nosotros poder instalar en este caso una dependencia como viene siendo Vue primero nosotros necesitamos un proyecto es lo mismo que hacíamos como CodeIgniter 4 si nosotros queremos instalar un paquete en php.

Recuerda que se instala por aquí mediante composer que por cierto 

npm el manejador de paquetes de viene siendo el equivalente a composer pero en este caso obviamente compuser de php y el manejador de paquetes en no viene siendo de javascript con Node 

Una vez generado el proyecto, si no tenemos la carpeta de node_modules, que es donde se encuentran todas las dependencias del proyecto, debemos generarla, para eso, ejecutamos sobre la raíz del proyecto en Vue:

$ npm install

20-01-2025 - Andrés Cruz

In english

• Categoría
• /
• Vue
• /
• Crear un nuevo proyecto en Vue (npm create vue) para consumir mediante una API en CodeIgniter 4