Usando visual Studio 2015 crearemos un proyecto en blanco para aplicación web en ASP .Net Core, para hacer esto haremos dos pasos, primero que haremos una solución en blanco.
Aurelia tiene su propio compilador para TypeScript, por lo tanto no es necesario que visual estudio compile el TypeScript, necesitamos deshabilitar la opción de compilar TypeScript en Visual Studio para hacer esto haremos lo siguiente:
<TypeScriptCompileBlocked>true</TypeScriptCompileBlocked>
Para agregar un proyecto de Aurelia.IO es necesario abrir una ventana de Command Prompt o de PowerShell la cual sea de tu elección, navegaremos a la carpeta raíz de nuestro proyecto web, una vez en la carpeta raíz escribiremos el siguiente comando:
au new --here
El comando anterior iniciará el asistente de Aurelia, en dicho asistente seguiremos una serie de pasos y definiremos las opciones sobre las cuales crearemos nuestro proyecto.
Las opciones son las siguientes:
Una vez terminado todos estos pasos habremos configurado nuestro proyecto de Aurelia.
En nuestro proyecto de Visual Studio, abriremos el archivo proyecto.json, una vez abierto buscaremos la sección dependencies y dentro de ella agregaremos a la siguiente línea;
"Microsoft.AspNetCore.StaticFiles": "1.0.0-rc2-final"
Posteriormente abriremos el archivo o startup.cs y reemplazar hemos el contenido siguiente:
app.Run(async (context) => { await context.Response.WriteAsync("Hello World!"); });
Por:
app.UseDefaultFiles(); app.UseStaticFiles();
En nuestro proyecto de visual estudio en la carpeta raíz, agregaremos un nuevo archivo de texto llamado watch.cmd, en este archivo agregaremos el siguiente contenido:
set ROOT_DIR=%~dp0 start cmd.exe /K "cd %ROOT_DIR% && au run --watch"
Después abrimos el archivo Program.cs, en este archivo en el método estático Main reemplazaremos:
host.Run();
Por:
using (var process = new System.Diagnostics.Process()) { process.StartInfo = new System.Diagnostics.ProcessStartInfo("watch.cmd"); process.Start(); host.Run(); process.Kill(); }
Abrir el archivo tsconfig.json, reemplazar el siguiente texto:
"target": "es5",
Por:
"target": "es2015",
Con esto habremos terminado de configurar nuestro proyecto de visual estudio con Aurelia.