Qué es, cómo usarlo y aplicaciones profesionales con el CLI

Supongo que este curso abarca Vue 2, porque Vue 3 apenas se publico en Sep del 2020 …
cuando vamos a tener un update para Vue 3 ??? coviene empezar a aprender Vue 3 ???

El vue-cli (es decir, la “interfaz de línea de comandos Vue”) es una herramienta creada por el equipo Vue.js para ayudar a facilitar el rápido desarrollo de las aplicaciones Vue.

Si bien puede usar Vue.js en el navegador directamente, la mayoría de las aplicaciones frontales usan Node.js para las herramientas de compilación.

Tengo el siguiente error al intentar instalarlo a través de la consola:![](

¿Alguien sabe cómo lo puedo solucionar?

El Vue CLI es una herramienta de desarrollo que permite generar el scaffolding o la estructura básica de una aplicación de VueJS. Ayudando a reducir todo el esfuerzo de configuración permitiendo tener el proyecto para trabajar lo más rápido posible.

npm install -g @vue/cli

Para correr nuestro proyecto:

npm run serve

Al momento de guardar el prestablecido como PLATZI me marca el siguiente error

[email protected] install /root/platzi-exchange/node_modules/yorkie
node bin/install.js

internal/modules/cjs/loader.js:638
throw err;
^

Error: Cannot find module '/root/platzi-exchange/node_modules/yorkie/bin/install.js’
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:636:15)
at Function.Module._load (internal/modules/cjs/loader.js:562:25)
at Function.Module.runMain (internal/modules/cjs/loader.js:831:12)
at startup (internal/bootstrap/node.js:283:19)
at bootstrapNodeJSCore (internal/bootstrap/node.js:623:3)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] install: node bin/install.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] install script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! /root/.npm/_logs/2020-02-06T16_09_18_288Z-debug.log
ERROR command failed: npm install --loglevel error --registry=https://registry.npmjs.org/

Si no te funciona la instalación de Vue CLI, y te manda varios mensahes de errores, utiliza:

sudo npm install -g @vue/cli

Lo más probable es porque no tienes permisos de administrador

install CLI vue
npm install -g @vue/cli

vue create name_proyect

lanzar el proyect
npm run serve

ESTE PROFE EXPLICA EXCELENTE. MAS PROFES ASI NECESITA PLATZI EN CADA CURSO.

Vue CLI

VueCLI es la “interfaz de línea de comandos Vue”, es una herramienta creada por el equipo VueJS para ayudar a facilitar el rápido desarrollo de las aplicaciones Vue, ayudando a reducir todo el esfuerzo de configuración de proyectos de VueJS.

Para instalar el VueCLI:

npm install -g @vue/cli

Para crear un nuevo proyecto utilizando la herramienta VueCLI

vue create platzi-exchange

Inspeccionando el proyecto, al entrar en la carpeta public, se encuentra el index.html, en esta carpeta se creará el archivo estático, en donde Vue me ayudará a inyectar el componente principal dentro del div#app.

Hola, alguien conoce el tema que ha usado el profe para su terminal?, se ve genial 😐️

es funcional usar vue en una pagina asp o php directamente (importando la librería y usando la instrucciones), como si fuera javascript o jquery?

¡Buenas! Si alguien tiene problemas al intentar instalarlo en Ubuntu es porque deben agregar la sudo delante, así dan permisos para hacer cambios.
sudo npm install -g @vue/cli

en las aplicaciones vue, se busca no utilizar mas de un archivo html? o existen proyectos vue profesionales que tienen otros html como por ejemplo contact.html, etc?

Tengo una duda al momento de instalar el cli, me marca estos errores, desconozco

npm WARN deprecated [email protected]: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated [email protected]: https://github.com/lydell/resolve-url#deprecated
npm WARN deprecated [email protected]: Please see https://github.com/lydell/urix#deprecated
npm WARN deprecated [email protected]: Legacy versions of mkdirp are no longer supported. Please update to mkdirp 1.x. (Note that the API surface has changed to use Promises in 1.x.)
npm WARN deprecated [email protected]: core-js@❤️ is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3.
npm WARN checkPermissions Missing write access to /usr/local/lib/node_modules
npm ERR! code EACCES
npm ERR! syscall access
npm ERR! path /usr/local/lib/node_modules
npm ERR! errno -13
npm ERR! Error: EACCES: permission denied, access '/usr/local/lib/node_modules’
npm ERR! [Error: EACCES: permission denied, access ‘/usr/local/lib/node_modules’] {
npm ERR! stack: “Error: EACCES: permission denied, access ‘/usr/local/lib/node_modules’”,
npm ERR! errno: -13,
npm ERR! code: ‘EACCES’,
npm ERR! syscall: ‘access’,
npm ERR! path: '/usr/local/lib/node_modules’
npm ERR! }
npm ERR!
npm ERR! The operation was rejected by your operating system.
npm ERR! It is likely you do not have the permissions to access this file as the current user
npm ERR!
npm ERR! If you believe this might be a permissions issue, please double-check the
npm ERR! permissions of the file and its containing directories, or try running
npm ERR! the command again as root/Administrator.

npm ERR! A complete log of this run can be found in:
npm ERR! /Users/jonathan/.npm/_logs/2020-04-17T03_48_13_440Z-debug.log

consulta, cuando usamos npm install -g @vue/cli se usa una sola vez en el pc o dependiendo de la ubicación que se esta usando se debe instalar para cada proyecto?

Al crear el proyecto me salió una vulnerabilidad intenté arregarla pero no pude 😐 , ¿saben como arreglarla?
Sistema Operativo: Manjaro
node: 6.13.4
@vue/cli 4.3.1

A mi me funcionó con: sudo npm install -g @vue/cli y esta fue la versión:

• @vue/[email protected]
  added 1177 packages from 669 contributors in 83.484s

Seguí al pie de la letra las instrucciones de Nacho. Fueron creados todos los archivos excepto postcss.config.js ¿Que pudo haber ocurrido?

Genial, todo sin problemas

No pude realizar la inastalación con los comandos de este video, pero pude hacerlo con npx. Les dejo el comando que utilice:

	**`npx @vue/cli create --default my-project`**

por que tengo todo en deprecated DDD:

recomiendo instalar por medio de vite

npm 7+, extra double-dash is needed:
$ npm init vite@latest <project-name> – --template vue

estoy teniendo un problema ya hice todo y funciono a la primera cerre la ventana del navegador donde tenia la app y cuando quiero acceder a localhost80880 la pagina me da error y lo que hice fue volver a la terminal y dentro de la carpeta platzi exchange poner npm run serve y me tira un error…

Existen parámetros para decidir cuando utilizar Vue CLI? es algo totalmente arbitrario?

pregunta seria. ¿cómo abres otra ventana en la terminal de comandos?

vue --version
Te dirá la versión que tienes instalada y sabrás que ya te instaló

Increíble el CLI de Vue

Considero que estas configuraciones del entorno de trabajo debieron realizarse al comienzo del curso

Vue CLI es una herramienta que nos permite generar una estructura básica de una aplicación de Vue, además de hacer todas la configuraciones para empezar a trabajar lo más rápido posible.

Instalar Vue CLI por NPM:

npm install -g @vue/cli

Para crear un proyecto

vue create <nombre>

Después de esto tendrás que seleccionar las herramientas con las que vas a trabajar para que Vue las incluya. Una vez seleccionadas se creará el proyecto.

Una vez finalizado el proceso podemos correr la aplicación con el comando $npm run serve.

En los archivos de la aplicación se encuentran todos los archivos de configuración, la carpeta con el código fuente, el archivo readme, la carpeta de node_modules y la carpeta public con los archivos estáticos.

con el Windows 11 no sirve este proceso de instalación

Si al instalar vue cli en windows no les instala y les dice que no se reconoce vue, usen la consola de comandos de NodeJS que ya viene cuando instalan Node en windows, y usenla como administrador. Alli les permitirá instalarla

Habilitar “code .” en la terminal
Para hacerlo necesitas abrir Visual Studio Code y activar la Paleta de Comandos de VSCode con las teclas Ctrl+Shift+P o F1 , luego escribir shell command y seleccionar la opción “Shell Command: Install ‘code’ command in PATH”

Con presionar ctrl + click en el enlace de localhost/8080 se abrira en el navegador en una nueva pestaña automaticamente

👌👌

Buenísimo seguí los pasos y no tuve inconveniente alguno, eso si también aparece una opción para elegir que versión de vue js vamos a utilizar si la versión 2, o la 3.
En mi caso particular elegí trabajar con la versión 2… no se si es muy importante elegir la 3 o la 2…gracias !

pregunta chorra, como hacéis para moveros por el etiquetado de la consola?¿ si uso las flechas se mueve el cursor por la consola pero no interactúa. (se que no es como hay que hacerlo pero lo que he tenido que hacer es borrar el (*) y colocarlo en la opción que quiero )

Comando
vue create platzi-exchange