Comunidad TI

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.

1. Buscar bajo Templates, la clasificación Otros tipos de proyecto
2. Aquí dentro encontraremos una clasificación del nombre Soluciones de Visual Studio
3. Dentro de esta clasificación seleccionamos Solución en blanco
4. Le damos un nombre y una ubicación

imagen

1. En el explorador de soluciones agregamos dos carpetas de solución la primera de nombre src la segunda de nombre test
2. Dentro de la carpeta src creamos un nuevo proyecto, el proyecto deberá ser una Aplicación web de ASP .Net Core

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:

1. En el explorador de soluciones damos click derecho sobre el proyecto web
2. Buscamos la opción Descargar proyecto y hacemos clic en ella
3. El proyecto parecerá como no disponible, hacemos click derecho en el proyecto y seleccionamos la opción de editar el archivo de proyecto
4. Nos abrirá una ventana con todo el contenido del archivo de proyecto
5. Buscaremos la primer sección PropertyGroup
6. Dentro de esta sección escribiremos el siguiente bloque de código:

<TypeScriptCompileBlocked>true</TypeScriptCompileBlocked>

1. Guardamos los cambios en el archivo y lo cerramos
2. Hacer click derecho sobre el archivo de proyecto
3. Seleccionamos la opción recargar proyecto

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:

• requireJS
• ASP .Net Core
• Ningún procesador CSS
• Sin testing
• Crear estructura sobre carpeta actual
• Descargar las dependencias.

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"
</file> 
 
Después abrimos el archivo Program.cs, en este archivo en el método estático Main reemplazaremos: 
 
<code csharp> 
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.