Herramientas y Experiencia de Desarrollo + Archivos .vue

Ahora se instala vue-cli de la siguiente forma !!!
npm install -g @vue/cli

No me gusta que el curso sea tan antiguo ahora es 2020 la version de node ya es 12 y de npm ya es 6.

Deberian actualizar ya este curso, tiene la de anios. 😦

Mediante el CLI se pueden generar aplicaciones de vue sin necesidad de hacer todo el setup inicial y herramientas necesarias para empezar , y funciona con los principales empaquetadores como webpack o browserify.
Al trabajar así se crean los VUE files o Sinfle File components que son archivos con UN SOLO COMPONENTE.

VUE-CLI, generados de aplicaciones para vue. para instalar vue-cli 3,

npm install -g @vue/cli

A mi por alguna razón nunca me funcionó el Vue DevTools en Chrome en el curso básico de Vue, solo me funcionaba con Vue como script tag, pero nunca me funcionó para el CLI:(

los archivos .vue es lo más divertido de vue.js

Instalar vue-cli

Consulta. Se puede mezclar blade de laravel con vuejs? Vi en el video anterior que tienen una nomenclatura sumilar para escapar variables al front

en 06/2021
CLI:
https://cli.vuejs.org/

👌

Para instalar la última versión en Ubuntu o en Debian pueden seguir este tutorial

https://blog.pleets.org/article/instalar-%C3%BAltima-version-de-nodejs-y-npm-en-ubuntu

https://blog.pleets.org/article/instalar-%C3%BAltima-version-de-nodejs-y-npm-en-debian

¿Qué paquetes de Atom me recomiendan instalar para trabajar cómodamente con Vue.js?

Les dejo este pequeño tutorial para trabajar en entornos windows de una manera más tranquila entorno de trabajo en windows

1. Es necesario instalar node y npm.
2. Se sugiere instalar el vue devtools del chrome,
3. Se sugiere instalar el CLI (command Line Interface) de Vue mediante npm

Hola Este curso es más viejito que el introductorio ?

Para quien instalo CL3 también necesitaras
npm install -g @vue/cli-init

Yo no he tenido problemas con la vue-devtools de Mozilla, Todo lo contrario con chrome. 😦

Para este momento ya estamos en la versión 3 de Vue-Cli para instalarla cambia un poco ya que npm install -g vue-cli debe cambiar por

npm install -g @vue/cli

Si aún tienes la versión 2 te recomiendo cambiarla por la 3 utiliza npm uninstall -g vue-cli para desinstalar la versión 2 para posteriormente instalar la nueva versión.

para instalar el cli de vue en linux

sudo npm install -g vue/cli

para Opera se pueden instalar esta extension que te permite isntalar extensiones de chrome en opera sin ningun problema clickMe, yo la llevo usando mucho tiempo y no me ha dado fallo o error… Pueden instalar el Vue devtools sin problemas (Y)

Ahora me queda claro para que sirven las herramientas generadoras de estructuras de proyectos como VUE-CLI.

Alguno de ustedes conoce un IDE no un editor ligero para trabajar con todo esto de FrontEnd.
Trabajo en linux.

alguien me puede recomendar en que curso o tutorial enseñan que sigue cuando ya tienes tu aplicacion bien gustoza en local?? es decir, como la saco ya a produccion, como se configura un servidor para esto? que caracteristicas debe tener, sirve un apache un IIS? como funcionan estas cosas cuando estamos hablando de puro JS??

yo no pude pero un amigo me ayudó y fue con este comando:

sudo su npm install -g @vue/cli

Me pidió mi contraseña y luego ya comenzó con las instalación

Para los que quieran instalar vue dev tools en opera, deben instalar la extension de chrome en opera y listo!!
https://vuetiful.wordpress.com/2017/02/27/how-to-add-vue-devtools-to-opera/

Vue cli es un generador de estructura de proyecto Vue donde el mas reciente es el Cli 3
Comando

npm install -g @vue/cli @vue/cli-service-global

Aqui puede esta el link de Vue Cli

aca esta la info de vue cli actualizada

Excellent!!

En la documentacion de CLI, la forma de crear el proyecto: indican
vue create my-project
y no
vue init webpack-simple platzi-music
a qué se debe?

Componentes tienen todo para trabajar

Markado
Script
Stylo

El CLI es un generador de aplicaciones que ya viene con todo lo necesario para trabajar

Requerimientos:

Se requiere tener NodeJS instalado para el desarrollo de una aplicación, si bien Vue no corre en Node, herramientas necesarias como Webpack y NPM sí.

Otra herramienta necesaria es Vue DevTools, esta nos permite debuggear, inspeccionar y ver en tiempo real el contenido de la aplicación.

Por último se necesita instalar Vue CLI, que es una herramienta que nos permite interactuar con Vue a través de comandos en la terminal.