Visual Studio y el nuevo desarrollo web

Como desarrolladores de lo stack tecnológico de Microsoft siempre hemos estados acostumbrados a trabajar con Visual Studio y sus herramientas, para cualquier tipo de proyecto, pero los tiempos cambian y en el mundo web ahora mismo este cambio ha sido radical, nuevas herramientas, nuevas formas de trabajar.

En particular he podido comprobar que el primer impacto resulta duro debido a muchas razones: la diferentes estructuras, las herramientas nuevas, la nueva configuración de entorno… sobre todo, es necesario conocer las nuevas herramientas y cómo utilizarlas.

Antes de ponerse con los proyectos en sí es necesario configurar correctamente el propio entorno de desarrollo web, para esto es necesario tener actualizadas las siguientes herramientas:

  • js
  • Jspm
  • Typescript
  • Typings
  • Vs 2015 Update 3.1

Node.js

El primer paso es instalar Node, Node es un entorno de ejecución javascript, o sea, no hay un browser que ejecuta los scritps en una página, sino que es un host que permite ejecutarlos del lado  del servidor. Esto permite utilizar en la máquina de desarrollo toda una seria de herramientas creadas en js y tener traza de sus dependencias.

Desde el prompt de consola en modalidad admin ejecutar:

node -v

node

Si el mando es desconocido o la versión instalada es inferior a la 6.4.0, descargar la última versión de Node

Jspm

La primera herramienta que vamos a instalar es JSPM (javascript package maager), algo que puede ser parecido a Nuget PM, gestiona las dependencias de librerías javascript y está escrita en js mismo, de allí el hecho que sea un paquete para Node.

Desde el prompt ejecutar:

jspm -v

Si el sistema avisa que no reconoce el mando o si la versión es inferior a la 0.16.45 ejecutar lo siguiente:

npm install -g jspm

node2

Npm lo actualizará solo. Puede aparecer un WARN de versión, no hay problema, una vez acabado de ejecutar.

npm update –depth=5

npm install -g npm-check-updates

Otra vez, Npm actualizará solo el entero árbol de dependencias.

Typescript

Seguro que la mayoría ya sabe que es Typescript, pero resulta que es un entorno independiente de Visual Studio (aunque cueste creerlo, hay un mundo fuera de VS) y no necesita VS para hacer su trabajo, Visual Studio instala una add-in de Typescript en verdad.

Desde el prompt ejecutar:

tsc -v

Si el sistema avisa que no reconoce el mando o si la versión es inferior a la 1.8.10, ejecutar lo siguiente:

npm install -g typescript

 Npm lo actualizará solo. Y ¡sí! Typescript puede ejecutarse como paquete Node, ya que está implementado en js.

Typings

Por último, Typescript necesita ficheros de definición de las librerías que se quieren utilizar para poder trabajar correctamente, para gestionar las dependencias entre librerías que utilizáis y sus ficheros de definiciones se utiliza Typings, un ‘Typescript definition manager’, creado en js y por lo tanto, otra vez, es un módulo Node.

Desde el prompt ejecutar:

typings -v

 Si el sistema avisa que no reconoce el mando o si la versión es inferior a la 1.3.3 ejecutar lo siguiente:

npm install -g typings

A este punto debería estar clara la importancia de Node, aunque no se utilice como server web, sino como ambiente de ejecución de nuestras herramientas. Hay más herramientas Node, como por ejemplo Grunt y Gulp que veremos próximamente que son de igual importancia.

De momento tenemos el entorno casi listo y ya se puede empezar a crear el proyecto en Visual Studio, para empezar lo mejor es una solución Asp.Net Core, abrimos Vs y creamos un proyecto Asp.Net Core de tipo web application.

Ahora navegamos con el prompt en la carpeta de proyecto web misma y ejecutamos:

jspm init

jspm install aurelia-framework aurelia-bootstrapper bootstrap

Bueno, aquí la magia, exactamente como Nuget, Jspm instalará Aurelia framework y todas sus dependencias. Ahora es posible utilizar Aurelia en Visual Studio y crear una SPA.

Si quieres saber cómo SOGETI  puede ayudarte en la puesta en marcha de soluciones bajo tecnología Microsoft, visita nuestra web.

robertograssiRoberto Grassi

. NET Senior Architect and Mobile Lead | Soluciones Microsoft | SOGETI ESPAÑA

 

 

 

 

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s