¿Cómo configurar vue con TypeScript y vuex? PART I
1- Instalación básica de un proyecto usando el cli de vue.
2- ¿Cómo configurar TypeScript con vuex?
3- Modulos de vuex con TypeScript
Una característica de vue, es la fácil integración con TypeScript
Es probable que tú ya conozcas sobre Vue y, has visto que vue tiene la estupenda característica de integración con TypeScript; por lo cual, has ido a google, y has buscado cómo integrar esta tecnología a tu proyecto web; llegando así a este post.
Ahora que ya sabemos un posible motivo por el cual, has llegado hasta este post; vayamos al grano.
Primero ¿Qué es TypeScript? wikipedia lo define así:
“ TypeScript es un lenguaje de programación libre y de código abierto desarrollado y mantenido por Microsoft. Es un superconjunto de JavaScript, que esencialmente añade tipos estáticos y objetos basados en clases“
Ten en cuenta que el uso que le daremos será bastante básico; no esperes ver uso intensivo de las clases, metodos, e interfaces de TypeScript, porque el uso, será solo para efectos de integración.
Para este ejemplo, usaremos vue-cli
Ejecuta en consola el siguiente comando (si no tienes instalado vue en tu node_modules globales)
npm install -g @vue/cli
# OR
yarn global add @vue/cliHaciendo uso de vue create para hacer nuestro pequeño ejemplo
Ejecutamos en consola:
vue create vue-vuex-and-typescript-exampleSeleccionaremos la opción “Manually select features”
Ahora estamos listos para instalar, y empezar a codificar.
