Contenido del curso
Preparación para pruebas de proyectos Vue con NPM y Vue Test Utils
¿Qué necesito para probar mi proyecto de Vue?
Para poder empezar con el curso, es necesario contar con los siguientes requisitos:
Tener NPM instalado (v5 en adelante)
Contar con Vue instalado (v4 en adelante)
Contar con Vue Test Utils instalado
Así de sencillo, solamente debemos contar con esas 2 cosas, en caso de no tenerlas lo único que debemos hacer es:
Para NPM
Entramos a la página de Node
Descargamos la versión recomendada.
En mi caso es la 12.16.1
node -v
Debe de salirnos la versión que descargamos
npm -v
Para VUE
npm install -g @vue/cli
vue --version
Para Vue Test Utils
Al contar con los prerequisitos, podemos hacer pleno uso de las herramientas creadas para Vue, como lo es Vue Test Utils.
Antes de instalar Vue Test Utils, necesitamos un proyecto de Vue, el proyecto con el que vamos a estar trabajando es el siguiente
Clonamos el repositorio en la ubicación que queramos
Después de tener el proyecto clonado nos posicionamos en la carpeta donde está el package.json
(En mi caso es esa la ruta, debe ser la raíz donde están todos tus archivos)
y ponemos el siguiente comando en la línea de comandos
vue add @vue/unit-jest
Debe de salirnos algo así al final de la instalación
**¡¡Listo !!, ya estamos preparados para empezar a trabajar en nuestras pruebas.
Cuéntame en los comentarios si tuviste algún problema y si te tomo más de 15 min, el preparar todo lo que necesitabas para empezar a codear pruebas como todo pro.
Carlos Eduardo Gomez García
Profesor
Manuel Ojeda
Estudiante
Usuario anónimo
User
Jesús Mohali
Estudiante
Erick Tucto
EstudianteErick Tucto
Estudiante
Diego Reyes
Estudiante
Cesar More Sanchez
Estudiante
Ed RM
Estudiante
Andres Evaristo Ruiz Gonzalez
Estudiante
Luis Miguel Mejia Martinez
Estudiante
Jose Daniel Barría Reyes
Estudiante
Juan David Murillo Giraldo
Estudiante
Tony Manuel Ojeda Vela
EstudianteEd RM
Estudiante
Sebastián Buitrago
EstudianteTodo perfecto, aunque dos cosas:
1.- En el post dice que necesitamos: Contar con Vue instalado (v4 en adelante)
Realmente no es Vue lo que tenemos que tener instalado (Porque Vue 4 no existe... aún, apenas estamos en Vue 3) Realmente lo que necesitamos es el Vue CLI instalado, el cuál ya está en su versión 4.5.x si no me equivoco, es importante dejar claro que Vue y Vue CLI son dos cosas diferentes.
2.- También faltó indicar que después de clonar el repositorio tenemos que instalar las dependencias del proeycto, esto lo hacemos con:
npm install
Depués podemos añadir Vue Test Utils al proyecto :D!
Solo para aclarar, la versión de Vue que especifican se refiere al CLI, no a la versión de Vue en sí. A la fecha que está leyendo esto, la versión actual es la 2.6.11 (y la versión 3 se encuentra en beta)
El Vue CLI es el que se encuentra en v4.
Excelente aclaración, justo vi en mi consola con vue --version o vue -V: 2.9.1
De momento no he encontrado el comando para ver la versión del CLI que es !== a la versión de Vue como tal.
Yo solo necesitaba el Vue Unit Test y listo, ready
como puede incluirse vue test utils en un proyecto que no fue creado con vue cli ? por ejemplo en mi trabajo existen varios proyectos hechos con laravel y en el frontend tiene a Vue pero este no fue incluido con Vue cli
vue test utils usa algun framework o libreria como jest, mocha o jasmine ? o es vue test utils un framework aparte que no depende de estos framework o librerias ?
JAJAJA de hecho sí, por alguna razón se me fueron 40 minutos y cuando me iba a rendir me di cuent que esta descargando
<vue add @vue/unit-test>
Cuando en realidad es
<vue add @vue/unit-jest>
lo primero no existe JAJAJA
Todo perfecto
Si aún no has podido instalar unit-jest con vue puedes intentar instalarlo con npm...
#instalacion unsando vue $ vue add unit-jest
#instalacion usando npm $ npm install --save-dev @vue/test-utils
Sin problemas
En mi caso, actualice node y la vue-cli. Luego instalé Vue Test Utils en un proyecto que tengo hecho en Vue
ya instale todo, perfecto!
Listo el proyecto con las herramientas instaladas, a darle!
Alguien con este problema? uso ubuntu 20.10, npm 6.4.8
Intenta instalar en la raiz de tu directorio
~/ npm install -g @vue/cli
no lo hagas sobre el directorio de
~/Documents/vuedex/
Agrega sudo para poder hacer instalaciones globales, las instalaciones globales se reconocen cuando se usa esto al momento de instalar
-g o --global
