Trabajando con Sublime, Kulture y OmniSharp

Después de en la entrada anterior cómo podemos trabajar con ASP.NET desde línea de comandos en Windows, en ésta hablaremos de algunas herramientas y utilidades nos pueden ser útiles si elejimos no trabajar con Visual Studio.

Esta entrada no pretende comentar ni discutir si Visual Studio es mejor o pero que otras opciones, sino dar las diferentes opciones que hay, para que cada uno pueda elegir la opción que más se adecue a sus necesidades. Lo importante en este caso es ver cómo ASP.NET es completamente abierto y agnóstico al IDE y que nos permite que cada desarrollador tome sus propias decisiones.

En este caso, una de las herramientas que mejores prestaciones puede ofrecer para trabajar con ASP.NET 5 es Sublime, así que el primer paso es ir a su web e instalarnos Sublime.

image

Una vez instalado Sublime, vamos a completar el entorno instalando:

  • Node.js
  • Yeoman
  • Plugin Kulture para Sublime
  • Plugin OmniSharp para Sublime

El siguiente paso, si no lo tenemos ya instalado, será instalarnos node, el cuál podemos instalarnos de forma sencilla a través de su web http://nodejs.org/

Si lugar a equivocarnos, podemos decir que node se está conviertiendo es algo básico de todo desarrollo web debería tener instalado.

image

Una vez instalado node, el siguiente paso será instalar Yeoman, una herramienta que nos va a permitir de forma sencilla y eficiente un “scaffolding” que nos permita empezar a trabajar con ASP.NET…básicamente, algo parecido a lo que podríamos tener al crear un nuevo proyecto desde el wizard de nuevo proyecto de Visual Studio.

image

Instalar yeoman y los generadores para ASP.NET 5 se puede hacer de forma fácil a través de npm.

npm install -g yo

npm install -g generator-aspnet

yo aspnet

Ejecutando yo aspnet, podemos crear una primera aplicación ASP.NET 5.

image

image

image

Una vez creado el proyecto, tal y como nos aparece en la consola podemos resturar las dependencias con “kpm restore” y ejecutar la aplicación con “k web”.

image

En este caso, queremos olvidarnos de las líneas de comandos y usar el Sublime.

image

image[81]

Para trabajar con Sublime, dos plugins esenciales son Kulture y OmniSharp, los cuáles podemos instalar a través del Package Control ( https://packagecontrol.io/ )

Una vez tenemos Package Control, con Ctrl + K + P, podemos acceder a la opción de instalar paquetes e instalar tanto “Kulture” como “OmniSharp”.

image

image

image

 

Kulture es una extensión de Sublime para ASP.NET 5. Una vez instalado, directamente desde Sublime y con un proyecto ASP.NET 5 abierto….

F5 para lanzar los diferentes comandos de “K”, por ejemplo para ejecutar directamente la aplicación seleccionadno k kestrel (servidor multiplataforma) o k web.

image

F7, compila el proyecto (kpm build) y nos muestra los errores en la consola. Con F4 nos podremos mover entre los diferentes errores que pudiera haber.

image

Una vez hemos visto la funcionalidad básica de Kulture, la otra extensión que hemos instalado es OmniSharp.

image

OmniSharp nos va a pemitir disponer de un entorno de desarrollo .NET en el editor que tu elijas; Sublime, Atom, Emacs, Brackets, Vim…

¿Qué ofrece? Instellisense, code snippets, rename, goto definition….la verdad que es un proyecto open source que se está actualizando de forma rápida y continua, por lo que en este caso os recomiendo visitar su web para ver la funcionalidad que ofrece su última versión. http://www.omnisharp.net/

Si queremos disponer de Intellisense estableceremos la siguiente configuración:

image

{
    "auto_complete": true,
    "auto_complete_selector": "source - comment",
    "auto_complete_triggers": [ {"selector": "source.cs", "characters": ".<"} ],
 }


image

ASP.NET 5. Trabajando desde línea de comandos

En el post anterior explicábamos cómo es posible montar un entorno de desarrollo con Visual Studio 2015 para poder empezar a probar la nueva versión de ASP.NET.

Pero como todos ya sabéis, la nueva versión de ASP.NET es completamente agnóstica a Visual Studio, siendo posible trabajar desde otros IDEs o sistemas operativos que no sean Windows.

A continuación os explicaré los pasos que tenéis que realizar para instalar las líneas de comando multiplataforma que hacen posible trabajar sin Visual Studio. En este post usaré Windows, dejando para post posteriores los pasos necesarios en MAC y Linux.

KVM (K Version Manager)

Es una utilidad de línea de comandos que me permite gestionar las versiones de KRE que tengo en mi máquina; listar las versiones, instalar, actualizar, establecer la versión por defecto etc….

KRE (K Runtime Engine)

Es la runtime de ASP.NET y la cuál nos permitirá ejecutar aplicaciones que desarrollemos. Dentro de una misma máquina podemos tener tantas versiones como queramos, pudiente tener varias versiones de una aplicación contra diferentes versiones de KRE (side-by-side).

KPM (K Package Manager)

Es una utilidad de línea de comandos que permita instalar o restaurar las dependencias de un aplicación ASP.NET o por ejemplo, empaquetar la aplicación para ser desplegada.

K

Permite ejecutar una aplicación ASP.NET….k build, k run…

Por tanto, si queremos trabajar en un entorno no dependiente de Visual Studio desde línea de comandos, lo primero que tendremos que instalar el KVM, el cuál de forma sencilla podemos instalar ejecutando esta línea de comandos de powershell:

@powershell -NoProfile -ExecutionPolicy unrestricted -Command "iex ((new-object net.webclient).DownloadString('https://raw.githubusercontent.com/aspnet/Home/master/kvminstall.ps1'))"

Una vez ejecutada este comando, ya tendremos en nuestro entorno el comando KVM, así como una runtime por defecto.

Si queremos asegurarnos que tenemos la última versión disponible, lanzaremos este comando:

 kvm upgrade

Así mismo, con kvm podremos listar todas las versiones disponibles (kvm list), instalar nuevas versiones (kvm install [version]) o establecer la versión que queremos usar (kvm use [version]) . Si ponéis simplemente “kvm” veréis todos los comandos disponibles.

image

Una vez ejecutado este comando tendremos todo lo necesario en nuestro entorno para crear aplicaciones ASP.NET 5.

Si queremos hacer una prueba rápida de si todo se encuentra instalado de forma adecuada lo más rápido puede ser descargarse alguno de los ejemplos que existen en el repositorio de GitHub de ASP.NET, ya sea descargándoselos como un zip o clonando el repositorio:

git clone https://github.com/aspnet/Home.git
cd samples
cd HelloMvc

kpm restore

k web

Una vez clonado el repositorio puedes ir a cualquiera de los ejemplos, restaurar las dependencias y lanzar la aplicación usando el comando adecuado.

image

Una vez ejecutado si abres el navegador en http://localhost:5001 podrás ver la aplicación de ejemplo ASP.NET 5 en ejecución.

image

Empezando con ASP.NET 5…el entorno.

Cuando alguien empieza a escuchar a hablar de ASP.NET 5 y ASP.NET MVC 6 una de las primeras preguntas que se le viene a la cabeza es cómo puede empezar a probarlo, lo que necesita para montarse un entorno de desarrollo sobre el cuál hacer sus pruebas.

Existen diferentes alternativas y aproximaciones, en función de si queremos usar Visual Studio o queremos hacer pruebas en algún otro sistema operativo dónde no tengamos Visual Studio…en esta post, hablaremos sobre cómo empezar con Visual Studio 2015.

Actualmente, en el momento de escribir este post, la versión disponible para descarga es la CTP5, la cuál podemos descargar e instalarla en nuestro equipo en local, ya sea dentro de una máquina virtual o en nuestro propio equipo si somos así de atrevidos.

VisualStudio2015_00

Pero sin lugar a dudas, la forma más rápida de empezar es usando Microsoft Azure, usando las plantillas que ya viene con Visual Studio 2015, y que se van actualizando a medida que salen nuevas versiones, de ahí que ésta sea mi recomendación.

Aquí os pongo los pantallazos del proceso, que como veréis, es muy sencillo y que hace que en cuestión de pocos minutos estemos probando todo lo último de ASP.NET.

VisualStudio2015_01

VisualStudio2015_02

VisualStudio2015_03

VisualStudio2015_05

VisualStudio2015_06

Una vez que tenemos la máquina creada, después de haber esperado unos minutos, nos podremos conectar por RDP usando las credenciales que hemos establecido al crear la máquina…y ya está, a disfrutar!

VisualStudio2015_07

VisualStudio2015_08

image

En próximos post iremos viendo más detalles sobre cómo seguir probando ASP.NET sin usar Visual Studio, ya sea desde plataforma Windows o de cualquier otra plataforma como Linux o MAC.

[Evento] Plain Concepts Web Day – Valladolid

El día 3 de Marzo hemos organizando un evento en Valladolid sobre desarrollo web donde veremos muchas de las novedades que no traerá la nueva versión de ASP.NET, así como muchos otras tecnologías y frameworks que se están convirtiendo casi en “imprescindibles” para el desarrollo de aplicaciones web.

El registro lo podéis ver aquí.

AGENDA

9:30 – 11:00 Desarrollo de aplicaciones web .NET multiplataforma (Ibon Landa – @ibonilm )

Microsoft ha dado un giro completo a su estrategia abriéndose por completo al mundo open source; .NET core es ya open source, hay versiones de .NET para Linux y MAC, se puede desarrollar con Visual Studio (o sin él) para todas las plataformas e incluso existe una versión completa gratuita.

  • Introducción al nuevo stack Microsoft para desarrollo multiplataforma

  • ASP.NET con Visual Studio 2015.

  • Entorno de desarrollo .NET para MAC y Linux.

  • Despliegue en cloud de soluciones .NET desde Linux y MAC

  • Despliegue en cloud de aplicaciones .NET con docker y Microsoft Azure.

11:00 – 11:30 Cafe

11:30-12:15 Ecosistema javascript (Hugo Biarge & Ibon Landa)

Durante esta sesión hablaremos de herramientas y frameworks que pueden ser de gran utilidad para construir un entorno de desarrollo cliente que nos permita desarrollar aplicaciones de la forma más productiva posible.

  • Introducción a grunt/gulp.

  • Introducción a bower.

  • Introducción a Karma y Jasmine.

  • Integración con Visual Studio.

12:15-13:45 Creando directivas para AngularJs (Hugo Biarge – @hbiarge )

Las directivas son uno de los elementos más innovadores a los que nos tenemos que enfrentar en el desarrollo de aplicaciones con AngularJs. Acercan la idea de los futuros Web Componets al desarrollo actual de aplicaciones web. Además de conocer cómo podemos utilizar las directivas existentes, es importante que conozcamos y entendamos como escribir nuestras propias directivas para poder escribirlas de una forma rápida y eficiente.

En esta sesión intentaremos dar una visión muy práctica de la creación de directivas personalizadas, en la que iremos descubriendo como podemos configurar las directivas para cubrir diferentes escenarios.

logoPlaincyliconvalley