Desarrollar aplicaciones con Visual Studio 2013

Applies to Windows and Windows Phone

Microsoft Visual Studio 2013 es una colección de herramientas que puedes usar para crear, codificar, depurar, localizar, empaquetar e implementar aplicaciones para Windows o Windows Phone 8.1. En resumen, Visual Studio puede ayudarte a hacer casi cualquier cosa que necesites para desarrollar una aplicación.

Si nunca has usado Visual Studio, echa un vistazo rápido antes de empezar a escribir código. Visual Studio tiene muchas partes, pero no necesitas saber todo sobre ellas para poder empezar. Después de describir los pasos básicos para configurar un proyecto nuevo, echamos un vistazo al Editor de código y a otras funciones de Visual Studio.

Importante  

  • Para crear una aplicación, debes usar Visual Studio 2013 en un equipo con Windows 8.1.
  • No puedes crear una aplicación mediante Windows 7. Tampoco hay licencias de desarrollador disponibles para Windows Server 2012, así que no puedes desarrollar aplicaciones de la Tienda Windows en ese sistema operativo.
  • Si quieres crear una versión de tu aplicación de la Tienda Windows para Windows 8, tendrás que usar Microsoft Visual Studio 2012. Para obtener información sobre el mantenimiento de la versión de una aplicación de la Tienda Windows en Windows 8 con Visual Studio 2013, consulta Dar servicio a la versión de Windows 8 de tu aplicación.
  • Para crear una aplicación de la Tienda de Windows Phone, tendrás que instalar Microsoft Visual Studio 2013 Update 2 o posterior para instalar las herramientas de desarrollo para Windows Phone 8.1.
  • Si quieres crear o mantener una versión de tu aplicación de la Tienda Windows Phone para Windows Phone 8, tendrás que instalar el SDK de Windows Phone 8.0. Este SDK es un componente opcional de Visual Studio 2013.

Para obtener información sobre las novedades de Visual Studio, consulta los temas sobre las novedades de Visual Studio 2013 y sobre JavaScript IntelliSense.

Para obtener información sobre las herramientas de desarrollo para aplicaciones de la Tienda de Windows Phone que se instalan al instalar Visual Studio 2013 Update 2 o posterior, consulta el tema sobre las herramientas de desarrollo para aplicaciones de Windows Phone.

Obtener una licencia de desarrollador para desarrollar aplicaciones de la Tienda Windows

Primero debes obtener una licencia de desarrollador. La necesitarás para desarrollar y probar una aplicación de la Tienda Windows para que la Tienda la pueda certificar.

Cuando ejecutas Visual Studio por primera vez, te pide que obtengas una licencia de este tipo. Lee los términos de la licencia y haz clic en Acepto si estás de acuerdo. En el cuadro de diálogo Control de cuentas de usuario (UAC), haz clic en si deseas continuar.

Registrar el teléfono para probar aplicaciones de la Tienda de Windows Phone

Es importante que pruebes tu aplicación de la Tienda de Windows Phone en un teléfono real. Para poder implementar aplicaciones en tu Windows Phone, tendrás que registrar el teléfono para desarrollo. Después de registrarlo puedes instalar, ejecutar y depurar aplicaciones en el teléfono.

Para obtener más información, consulta el tema sobre registro de un dispositivo de Windows Phone para desarrollo.

Crear un proyecto y elegir una plantilla

A continuación, decide qué lenguaje de programación quieres usar. Puedes elegir JavaScript, Visual Basic, Visual C# o Visual C++. Después, busca plantillas de proyecto en la Tienda, en el cuadro de diálogo New Project (Nuevo proyecto). El cuadro de diálogo Nuevo proyecto organiza las plantillas en tres grupos: Aplicaciones de Windows, Aplicaciones de Windows Phone y Aplicaciones universales (para aplicaciones diseñadas tanto para Windows como para Windows Phone 8.1). En la imagen se ven estos grupos en el nodo del lenguaje Visual C#.

Categorías de aplicaciones de la Tienda

Cada grupo contiene una lista de plantillas. Algunas plantillas importantes, como Blank App (Aplicación en blanco), Grid App (Aplicación de cuadrícula) y Split App (Aplicación dividida), son comunes a todos los lenguajes. Algunas plantillas son específicas de un lenguaje. Para obtener más información sobre ellas, consulta el tema sobre las plantillas para acelerar el desarrollo de la aplicación.

  • Applies to Windows

Nota  Para obtener más información sobre cómo migrar a las nuevas plantillas en Microsoft Visual Studio Express 2013 para Windows, consulta el tema sobre redirigir aplicaciones de Windows 8 a Windows 8.1.

Al crear un proyecto, Visual Studio crea una solución, que es una forma de administrar los diversos elementos de origen del proyecto (archivos de código, imágenes, hojas de estilo, valores de configuración, etc.). Un contenedor de solución puede incluir varios proyectos, mientras que un contenedor de proyecto suele incluir los distintos elementos que representan las referencias, carpetas y archivos que necesitas para crear tu aplicación.

El Explorador de soluciones muestra las soluciones, sus proyectos y los elementos de tales proyectos. En el Explorador de soluciones puedes abrir archivos para modificarlos, agregar archivos nuevos a un proyecto y ver las propiedades de una solución, proyecto o elemento. Este es el aspecto del Explorador de soluciones en un proyecto JavaScript:

Explorador de soluciones

Además de los archivos de código fuente, cada proyecto tiene también un archivo package.appxmanifest, que describe el paquete de la aplicación para Windows, y varios archivos de imágenes, por ejemplo splashscreen.png para la imagen de la pantalla de presentación y storelogo.png para la Tienda. En cada proyecto también se incluye un archivo de certificado de origen del proyecto (.pfx), necesario para firmar el paquete.

Diseñar la interfaz de usuario

Cuando planeas el diseño de la interfaz de usuario, es importante que selecciones la plantilla de proyecto de Visual Studio más adecuada como punto de partida. Para desarrollar tu interfaz de usuario, puedes escribir código o usar un diseñador visual. Un diseñador visual ofrece una interfaz orientada al diseñador para diseñar aplicaciones, en la que se incluye una interfaz de arrastrar y colocar para crear la interfaz de usuario.

Puedes usar el diseñador visual en Blend para Microsoft Visual Studio 2013. Para abrir un proyecto de Visual Studio en Blend para Visual Studio, haz clic con el botón secundario en el proyecto, en el Explorador de soluciones, y haz clic en Abrir en Blend. Otra opción consiste en abrir el archivo de la solución (.sln) directamente desde Blend para Visual Studio.

Diseñador XAML en Visual Studio

Actualizar el manifiesto de la aplicación

Puedes usar un diseñador de Visual Studio para editar el archivo de manifiesto de la aplicación que describe el paquete de la aplicación. El Diseñador de manifiestos tiene cinco pestañas:

  • Aplicación. Configura las opciones, como la página de inicio y la orientación inicial.
  • Elementos visuales. Define los logotipos que aparecerán en la aplicación.
  • Capacidades. Especifica las características o dispositivos del sistema que la aplicación puede usar, como el acceso a Internet, la ubicación actual y el acceso a música.
  • Declaraciones. Agrega aquí declaraciones para contratos de aplicaciones, como contratos de Buscar y compartir, y establece sus propiedades.
  • URI de contenido. Especifica aquí los URI a los que puede tener acceso la aplicación y los URI a los que no puede tener acceso. Esta pestaña solo aparece en los proyectos JavaScript.
  • Empaquetado. Establece las propiedades que identifican y describen el paquete cuando se implemente.

Para obtener más información sobre la configuración del manifiesto de la aplicación, consulta el tema sobre la configuración del paquete de una aplicación con el diseñador de manifiestos.

Para abrir el Diseñador de manifiestos, haz doble clic en el archivo package.appxmanifest en el Explorador de soluciones o haz clic con el botón secundario en el archivo y después haz clic en Ver diseñador.

Escribir código

Visual Studio 2013 contiene editores muy completos para los siguientes lenguajes: JavaScript, HTML/XML/XAML, CSS, C#, Visual Basic, C++ y HLSL. Estos editores proporcionan numerosas características específicas del lenguaje que puedes personalizar para que te sean de ayuda al crear tu aplicación:

  • IntelliSense, que contiene características como la finalización de instrucciones y la ayuda de parámetros a medida que escribes código. Esta ilustración muestra una lista de miembros en el Editor de código C#. Ten en cuenta que la lista también muestra un cuadro Información rápida para el elemento seleccionado.

    Lista de miembros IntelliSense

  • Inserción de fragmento de código, disponible si haces clic con el botón secundario en el archivo de código y haces clic en Insertar fragmento de código.
  • Ayudas para navegar como Ir a definición, Marcadores y Navegar a.

    Con el comando Ir a definición puedes encontrar la definición de una clase o función; para ello, solo tienes que hacer clic con el botón secundario en el identificador y después hacer clic en Ir a definición. (En Visual Basic y Visual C++ se usa el Examinador de objetos para mostrar información sobre los tipos de Windows en tiempo de ejecución.)

    En esta ilustración se muestran opciones como Ir a definición e Insertar fragmento de código en el Editor de código JavaScript:

    Características del Editor de código

    Para configurar y usar marcadores, haz clic en Edición > Marcadores o utiliza las teclas de método abreviado del submenú Marcadores.

    Abre la ventana Navegar a presionando Ctrl+Coma con el Editor de código abierto o bien haciendo clic en Edición > Navegar a. Con Navegar a puedes encontrar definiciones de símbolos y nombres de archivo en la solución, pero no variables locales.

  • Esquematización, ajuste automático de línea, números de línea mostrados y otras características.

Puedes personalizar el comportamiento de los editores de código, así como habilitar y deshabilitar características como la sangría, el ajuste automático de línea y la finalización de instrucciones. Para personalizar el comportamiento de los editores de código, haz clic en Herramientas > Opciones, expande Editor de texto, expande el editor de código que quieras configurar y después selecciona la categoría de opciones correspondiente.

Generar la aplicación

Para generar una aplicación, haz clic en Compilar solución (o presiona F7) o bien en Recompilar solución (o presiona Ctrl+Alt+F7) en el menú Compilación. Verás los resultados del proceso de compilación en la Ventana Resultados.

Ventana Resultados

Para ejecutar la nueva aplicación en modo de depuración, haz clic en Depurar > Iniciar depuración o presiona F5. De manera predeterminada, así se ejecuta la aplicación en el equipo host (en el caso de aplicaciones de la Tienda Windows) y en un emulador de Windows Phone (en el caso de aplicaciones de la Tienda de Windows Phone). Puede ejecutar las aplicaciones de la Tienda Windows usando el simulador o un dispositivo remoto. Puedes ejecutar las aplicaciones de la Tienda de Windows Phone en otros emuladores o en un Windows Phone conectado a tu equipo. Para obtener más información, consulta el tema sobre cómo ejecutar aplicaciones de la Tienda Windows en Visual Studio.

Empaquetar tu aplicación

Configura el paquete de implementación de la aplicación con un diseñador. No tienes más que hacer doble clic en el archivo package.appxmanifest en el Explorador de soluciones para que se abra el diseñador de manifiestos. En el diseñador, selecciona la pestaña Paquete. Para obtener más información, consulta el tema sobre la configuración del paquete de una aplicación con el diseñador de manifiestos.

Localizar la aplicación

Para localizar una aplicación en Visual Studio, recomendamos agregar al proyecto uno o más archivos de recursos, como un archivo .resjson para JavaScript. Estos archivos de recursos pueden servir para especificar los valores localizados de los recursos de cadena que identifiques en la aplicación. Para obtener más información y ver tutoriales de localización, consulta el tema sobre globalización de la aplicación.

Depurar y probar la aplicación

Visual Studio incorpora un depurador de enorme eficacia con numerosas características que permiten depurar aplicaciones. Puedes depurar una aplicación localmente, como depurarías una aplicación de escritorio de Windows. También puedes realizar la depuración en el simulador del equipo local, o bien depurar un dispositivo remoto conectado directamente mediante un cable Ethernet. En el caso de aplicaciones de la Tienda de Windows Phone, puedes depurar las aplicaciones usando un emulador o conectando un Windows Phone a tu equipo directamente. Para obtener información general sobre la depuración, consulta el tema sobre cómo depurar y comprobar aplicaciones. Para obtener información sobre la depuración de una aplicación con JavaScript, consulta el tutorial rápido sobre cómo depurar HTML, CSS y JavaScript y el tema sobre cómo inspeccionar reglas CSS.

Pasos siguientes

Para crear tu primera aplicación, consulta el tema sobre tu primera aplicación.

Para obtener más información sobre cómo desarrollar aplicaciones con las plantillas de Visual Studio, consulta estos temas:

Temas relacionados

Redirigir aplicaciones de Windows 8 a Windows 8.1
Compatibilidad y accesibilidad del producto
Accesibilidad en aplicaciones de la Tienda con JavaScript
Accesibilidad en aplicaciones de la Tienda (VB/C#/C++ y XAML)

 

 

Mostrar:
© 2014 Microsoft