¿Qué necesito para probar mi proyecto de Vue?

4/12

Lectura

¿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

  1. Entramos a la página de Node

  2. Descargamos la versión recomendada.

30.png

En mi caso es la 12.16.1

  1. Seguimos los pasos del instalador
29.png
  1. Comprobamos que se haya instalado node, con este comando en nuestra línea de comandos.

node -v

28.png

Debe de salirnos la versión que descargamos

  1. Hacemos el paso anterior para NPM también

npm -v

27.png

Para VUE

  1. Escribimos en nuestra línea de comandos el siguiente comando

npm install -g @vue/cli

  1. Después que termine de instalarse, escribimos:

vue --version

26.png

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

  1. Clonamos el repositorio en la ubicación que queramos

  2. Después de tener el proyecto clonado nos posicionamos en la carpeta donde está el package.json

1

(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

25.png

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.

Aportes 11

Preguntas 2

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

Todo 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 😄!

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.

Yo solo necesitaba el Vue Unit Test y listo, ready

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