Descarga la aplicación para disfrutar aún más
Vista previa del material en texto
Tutorial NativeScript - Documentación oficial en español parte 1 Introducció n 3 1 - Bienvenido a NativeScript 4 2 - Configurar el sistema 6 3 - Solució n de problemas 12 4 - Guí a de introducció n a NativeScript 17 Tutorial 20 5 - Cap. 1-Aprendizaje de los fundamentos de NativeScript 21 6 - Cap. 2-Crreació n de interfaces de usuario 37 7 - Cap. 3-Ló gica de aplicació n 56 8 - Cap. 4-Mó dulos NativeScript 68 9 - Cap. 5-Plugins y mó dulos npm 92 10 - Cap. 6-Acceso a las API nativas 102 11 - Cap. 7 Pró ximos pasos 114 Conceptos del Core 119 12 - Utilidades 120 13 - Arquitectura y Navegació n 125 14 - Gestió n de aplicaciones 133 15 - Mó dulos 136 16 - El enlace de datos 142 17 - Eventos 150 18 - Acceso a las API nativas 154 19 - Modelo multihilo 157 Interfaz de usuario 163 20 - Los bá sicos 164 21 - Widgets de la interfaz de usuario 173 22 - Diseñ o de interfax de usuario 202 23 - Contenedores de diseñ o 209 24 - Estilizació n 224 25 - Tema 232 26 - Trabajar con imá genes 244 27 - Optimizació n de imá genes de Android 247 28 - Cuadros de diá logo de la interfaz de usuario 250 29 - Visió n de conjunto 253 30 - Animaciones 256 31 - Marcador de posició n 260 32 - Visió n de conjunto 262 33 - Tipo de teclado 275 34 - Icono Fuentes 286 35 - Soporte de varias plantillas 291 36 - Cambiar el estilo en la barra de iOS 294 Herramientas 302 37 - Unidad de pruebas 303 38 - Depuració n 311 39 - Usar transpilers en Javascript 315 40- Uso de Webpack para agrupar su có digo 318 41 - Extensió n de NativeScript para Visual Studio Code 331 42 - Configuració n de los emuladores de Android (AVD) 337 Publicando 345 43 - Creació n de aplicaciones y pantallas de lanzamiento en iOS 346 44 - Publicando para iOS 358 45 - Creació n de pantallas de inicio para Android 376 46 - Publicando para Android 386 Acceso al Hardware 395 47 - Ubicació n 396 48 - Cá mara 404 Plugins 410 49 - Infraestructura 411 50 - Uso de CocoaPods 425 Introducci nó Introducció n 1 Documentación NativeScript Core NativeScript con Referencia Angular de la API Manténgase conectado con NativeScript your e-mailSuscribir (Espere un boletín cada 4-8 semanas) Estrella Documentos Vitrinas Recursos Blog Acerca de ¸ À Empezar Bienvenido a NativeScript NativeScript es la forma en que se crean aplicaciones multiplataforma, iOS nativas y Android sin vistas web. Utilice JavaScript angular, de tipo tipográfico o moderno para obtener una interfaz de usuario y un rendimiento verdaderamente nativos mientras comparte las habilidades y el código con la Web. Obtenga un 100% de acceso a las API nativas a través de JavaScript y la reutilización de paquetes de npm, CocoaPods y Gradle. De código abierto y respaldado por Progress. ¿Nuevo en NativeScript? Prueba NativeScript en tu teléfono para ver cómo se siente una aplicación verdaderamente nativa. Empezar ¿Está listo para comenzar a desarrollar con NativeScript? Ofrecemos un conjunto de tutoriales integrales que le guiarán a través de la instalación de NativeScript y la creación de una aplicación de iOS y Android del mundo real desde cero. NOTA : NativeScript también le permite utilizar TypeScript sin Angular. Si está interesado en este enfoque, comience con nuestro tutorial de JavaScript para familiarizarse con los conceptos básicos de NativeScript y, a continuación , consulte nuestra documentación de TypeScript para ver los pasos siguientes . Introducción a TypeScript y Angular Introducción a JavaScript 1 - Bienvenido a NativeScript 2 https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/start/introduction&usg=ALkJrhiIWuHyC62IE_BRs7IBSoL2f-YdNw#welcome-to-nativescript https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/angular/start/introduction.html&usg=ALkJrhj1MDAhBQKgOjEjMXix6BkmGO8opg https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=https://www.nativescript.org/nativescript-example-application%3Futm_medium%3Dreferral%26utm_source%3Ddocumentation%26utm_campaign%3Dgetting-started&usg=ALkJrhhX0lZdN6sVx6ccG4iJNWDxy3daAA https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=https://github.com/NativeScript/NativeScript&usg=ALkJrhh6AxxBqCmz9qIkhyM85Kb3QGjVyA https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/&usg=ALkJrhjyNgFCkXPd9_QFcKi-0op3Fc1QNw https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/&usg=ALkJrhjyNgFCkXPd9_QFcKi-0op3Fc1QNw https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=https://www.nativescript.org/nativescript-example-application%3Futm_medium%3Dreferral%26utm_source%3Ddocumentation%26utm_campaign%3Dgetting-started&usg=ALkJrhhX0lZdN6sVx6ccG4iJNWDxy3daAA https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/blog&usg=ALkJrhg5y3U2bzZs33Sa5N4r3SvcCzWBOA https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/resources&usg=ALkJrhiiUwquFZqZC3tM4s2sHAEOEO7Rvg https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/angular/tutorial/ng-chapter-0&usg=ALkJrhghy5hpBkaETznhyH9D-6b7KTN_7g https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/angular/start/introduction.html&usg=ALkJrhj1MDAhBQKgOjEjMXix6BkmGO8opg https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/showcases&usg=ALkJrhj5kd0Ilaf0pMtKg1Cs3PsooJ4whg https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=https://www.nativescript.org/using-typescript-with-nativescript-when-developing-mobile-apps&usg=ALkJrhgXoUtv3RM5QR1Ib6GMS5vNP_q6fQ https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=https://docs.nativescript.org/&usg=ALkJrhhSjQSoGt7rI3AyxReu0TO2o5LJ2A https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/about&usg=ALkJrhjDYXULYxKPdVo4JHOLwfRbPnPvXA https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/api-reference/globals.html&usg=ALkJrhgzGaL-bwIo32u2UDesxoI7q1jdqg https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/start/introduction&usg=ALkJrhiIWuHyC62IE_BRs7IBSoL2f-YdNw#get-started https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/tutorial/chapter-0&usg=ALkJrhjacxdyot2OAEJrY23r3SjQeZ_Jug https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=https://www.nativescript.org/using-typescript-with-nativescript-when-developing-mobile-apps&usg=ALkJrhgXoUtv3RM5QR1Ib6GMS5vNP_q6fQ https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=https://www.nativescript.org/using-typescript-with-nativescript-when-developing-mobile-apps&usg=ALkJrhgXoUtv3RM5QR1Ib6GMS5vNP_q6fQ https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/tutorial/chapter-0&usg=ALkJrhjacxdyot2OAEJrY23r3SjQeZ_JugÚnete a la comunidad de NativeScript Tenemos una comunidad vibrante y comprometida y estamos aquí para ayudar. Puedes encontrarnos en Twitter y en nuestro foro de la comunidad . 1 - Bienvenido a NativeScript 3 https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=https://twitter.com/nativescript&usg=ALkJrhhbj1uKQXy_YtdLqowqH_0UVk2WxA https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/start/introduction&usg=ALkJrhiIWuHyC62IE_BRs7IBSoL2f-YdNw#join-the-nativescript-community https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://forum.nativescript.org/&usg=ALkJrhg97hjUyDMFQzCaxAuZGVeBDFXKTw https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://forum.nativescript.org/&usg=ALkJrhg97hjUyDMFQzCaxAuZGVeBDFXKTw Documentación NativeScript Core NativeScript con Referencia Angular de la API Manténgase conectado con NativeScript your e-mailSuscribir (Espere un boletín cada 4-8 semanas) Estrella Documentos Vitrinas Recursos Blog Acerca de ¸ À Empezar Configurar el sistema Con la interfaz de línea de comandos de código abierto NativeScript y un IDE o editor de texto de su elección, puede crear, desarrollar, almacenar y construir sus aplicaciones localmente, de forma gratuita y anónima. Veamos cómo configurar la CLI para el desarrollo. NOTA : Si está en Windows, puede estar interesado en probar nuestro nuevo instalador de Windows en lugar de seguir los pasos de esta página. El instalador está en versión beta, así que háganos saber si tiene problemas. Paso 1: Instalar Node.js La CLI de NativeScript se basa en Node.js y, como tal, necesita tener Node.js instalado para utilizar NativeScript. Puede comprobar si tiene Node.js configurado abriendo un terminal o una línea de comandos en su máquina de desarrollo y ejecutando el node -- version . Si obtienes un error, dirígete a https://nodejs.org/ e descarga e instala la última distribución de "LTS" (soporte a largo plazo) para tu máquina de desarrollo. Sugerencia : Prueba el instalador de NativeScript Windows• 2 - Configurar el sistema 4 https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/start/ns-setup-installer&usg=ALkJrhg4I8IwrNljOpm7efOWYsgy3b7C9Q https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/angular/start/introduction.html&usg=ALkJrhj1MDAhBQKgOjEjMXix6BkmGO8opg https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=https://github.com/nativescript/nativescript-cli/issues&usg=ALkJrhinpKpHxc-u3FfGeR9-aZmgmWhvtw https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/start/quick-setup&usg=ALkJrhhaQG2BMOTjWcH5V0Qx_nO4Jk8kmA#step-1-install-nodejs https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=https://nodejs.org/&usg=ALkJrhgDqYtcdQOlpjJod30vDqFRVRpxEw https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/showcases&usg=ALkJrhj5kd0Ilaf0pMtKg1Cs3PsooJ4whg https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=https://github.com/NativeScript/NativeScript&usg=ALkJrhh6AxxBqCmz9qIkhyM85Kb3QGjVyA https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/&usg=ALkJrhjyNgFCkXPd9_QFcKi-0op3Fc1QNw https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/start/quick-setup&usg=ALkJrhhaQG2BMOTjWcH5V0Qx_nO4Jk8kmA#set-up-your-system https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=https://docs.nativescript.org/&usg=ALkJrhhSjQSoGt7rI3AyxReu0TO2o5LJ2A https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/about&usg=ALkJrhjDYXULYxKPdVo4JHOLwfRbPnPvXA https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/resources&usg=ALkJrhiiUwquFZqZC3tM4s2sHAEOEO7Rvg https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/blog&usg=ALkJrhg5y3U2bzZs33Sa5N4r3SvcCzWBOA https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/api-reference/globals.html&usg=ALkJrhgzGaL-bwIo32u2UDesxoI7q1jdqg https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=https://nodejs.org/&usg=ALkJrhgDqYtcdQOlpjJod30vDqFRVRpxEw https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/angular/start/introduction.html&usg=ALkJrhj1MDAhBQKgOjEjMXix6BkmGO8opg https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/&usg=ALkJrhjyNgFCkXPd9_QFcKi-0op3Fc1QNw Comenzar ¿Listo para probar NativeScript? Construye tu primera aplicación móvil multiplataforma con nuestro marco de código abierto y gratuito. Contribuir Si usted ve un área para mejorar o tiene una idea para una nueva característica, ¡amaríamos tener su ayuda! Recursos Documentación Integraciones Lista de recursos Muestras de la aplicación Premium UI suite Blogs Comunidad GitHub Desbordamiento de pila Eventos Contribuir ¿Tengo una idea? Empresa Guía del CTO Soporte de empresa Socios Preferidos Acerca de ¿Qué es NativeScript? Vitrinas Prueba {N} en tu dispositivo. Hoja de ruta y registro de lanzamiento NativeScript está licenciado bajo la licencia Apache 2.0 . 2017 © Progress Software Corporation. Todos los derechos reservados. NOTA : Tenga en cuenta que debe agregar la ruta al node@6/bin echo 'export PATH="/usr/local/opt/node@6/bin:$PATH"' >> ~/.bash_profile in Su terminal. Paso 2: Instalar la CLI de NativeScript Abra el terminal o el símbolo del sistema y ejecute el siguiente comando para instalar NativeScript CLI desde npm, que es el gestor de paquetes de Node.js: NOTA : Si está en macOS y usa Homebrew , puede instalar alternativamente la versión de Node.js LTS ejecutando brew update , para descargar las últimas actualizaciones disponibles y luego brew install node@6 instalación brew install node@6 en su terminal. • La CLI de NativeScript admite una amplia variedad de versiones Node.js, por lo que si ya tiene Node.js instalado, debería estar preparado para hacerlo. Si, por casualidad, estás ejecutando una versión no compatible, el comando tns tns doctor que ejecutaremos momentáneamente marcará el problema para que puedas actualizarlo. • npm install -g nativescript Copy 2 - Configurar el sistema 5 https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=https://nativescript.ideas.aha.io/%3Fstatus%3D6001166983752519805&usg=ALkJrhgsXijuc0KEyKSoj42SnZhJCYsxxw https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/events&usg=ALkJrhixVu-799mKpvj0n0SN8Kt4oT9rZg https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/integrations&usg=ALkJrhhxppPYExSTbKIRNBx0wh3iH8V1nw https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/preferred-partners&usg=ALkJrhgJFLi2waZR2s7XSfKVFS-tBPSayAhttps://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=https://github.com/NativeScript/nativescript-cli/blob/master/LICENSE&usg=ALkJrhgX5uVK5beq1-FecBsB1-yv8mckTQ https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/blog&usg=ALkJrhg5y3U2bzZs33Sa5N4r3SvcCzWBOA https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/ui-for-nativescript&usg=ALkJrhh-WQq8WJrADSvNoJs8mh0JD24dLg https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=https://docs.nativescript.org/&usg=ALkJrhhSjQSoGt7rI3AyxReu0TO2o5LJ2A https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/app-samples-with-code&usg=ALkJrhhJifrhOA-4ABe76fqZbKvOgQOB9w https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/start/quick-setup&usg=ALkJrhhaQG2BMOTjWcH5V0Qx_nO4Jk8kmA#step-2-install-the-nativescript-cli https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/contribute&usg=ALkJrhil_8BIA8EWd7s-ftSmqyoGVrXB5g https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/enterprise&usg=ALkJrhjOKS-3d54inGkfsaOAnMv4i55vpg https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=https://github.com/NativeScript/NativeScript&usg=ALkJrhh6AxxBqCmz9qIkhyM85Kb3QGjVyA https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/showcases&usg=ALkJrhj5kd0Ilaf0pMtKg1Cs3PsooJ4whg https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/about&usg=ALkJrhjDYXULYxKPdVo4JHOLwfRbPnPvXA https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/resources&usg=ALkJrhiiUwquFZqZC3tM4s2sHAEOEO7Rvg https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://brew.sh/&usg=ALkJrhjCBXRiLO0CIe1BGYPgD1F68DsP1w https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/ctos-guide&usg=ALkJrhgHurCaZxq7Zq4VOuNiuQkRjhhZag https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/nativescript-example-application&usg=ALkJrhjbb98QY-FbThoJ8ftLwPR6fG9z1g https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/roadmap&usg=ALkJrhiSgdI0tTx-TlMwduhHe7kw_34dyA https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://stackoverflow.com/questions/tagged/nativescript&usg=ALkJrhgFopkhDsKxLbANvE5poicjX7-zuw Después de completar la configuración, debe tener dos comandos disponibles en su terminal o en el símbolo del sistema: tns -que es abreviatura de T elerik N ative S nativescript y nativescript . Los dos comandos son equivalentes, así que nos quedamos con los tns más cortos. Puede verificar que la instalación se realizó correctamente ejecutando tns en su terminal. Debería ver algo como esto: Paso 3: instalar los requisitos de iOS y Android Se le pueden hacer dos preguntas durante la instalación: ¿Desea visitar la documentación oficial? , Y ¿Desea ejecutar el script de instalación? Siga adelante y responda "No" a ambas preguntas por ahora, ya que cubriremos la documentación y las secuencias de comandos momentáneamente. • Si estás en macOS y recibes un error de EACCES, o necesitas volver a ejecutar el comando anterior con sudo - esto es, sudo npm install -g nativescript -o tomar un momento para arreglar tus permisos de npm para que no necesites admin Los derechos de instalar globalmente paquetes npm. • $ tns # NativeScript ┌─────────┬─────────────────────────────────────────────────────────────────────┐ │ Usage │ Synopsis │ │ General │ $ tns <Command> [Command Parameters] [--command <Options>] │ │ Alias │ $ nativescript <Command> [Command Parameters] [--command <Options>] │ └─────────┴─────────────────────────────────────────────────────────────────────┘ 2 - Configurar el sistema 6 https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=https://docs.npmjs.com/getting-started/fixing-npm-permissions&usg=ALkJrhiCpprKbTPp0wRJ9A468QaaqqMnfA https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/start/quick-setup&usg=ALkJrhhaQG2BMOTjWcH5V0Qx_nO4Jk8kmA#step-3-install-ios-and-android-requirements https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=https://docs.npmjs.com/getting-started/fixing-npm-permissions&usg=ALkJrhiCpprKbTPp0wRJ9A468QaaqqMnfA Cuando construyes con NativeScript estás construyendo aplicaciones iOS y Android verdaderamente nativas, y como tal, debes configurar cada plataforma que tengas la intención de construir en tu máquina de desarrollo. Para facilitar el dolor de instalar todos estos requisitos manualmente, la CLI de NativeScript proporciona guiones de inicio rápido para Windows y macOS que manejan la configuración necesaria automáticamente. Veamos cómo funcionan. Sugerencia : Ventanas Si está en Windows, copie y pegue el script a continuación en el símbolo del sistema y pulse Intro: Configurar su máquina para el desarrollo nativo puede ser difícil, especialmente si eres nuevo en el desarrollo móvil. Si te quedas atascado, o si tienes preguntas al pasar por estas instrucciones, el foro de la comunidad NativeScript es un gran lugar para obtener ayuda. • Si no está cómodo con un script que instala automáticamente dependencias en su máquina de desarrollo, o si está en Linux, consulte una de las guías de configuración avanzada a continuación para obtener detalles sobre la instalación manual de las dependencias de iOS y Android de NativeScript. • Configuración avanzada: Windows• Configuración avanzada: macOS• Configuración avanzada: Linux• 2 - Configurar el sistema 7 https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/start/ns-setup-linux&usg=ALkJrhhr5MXtjm7-D-Sy953YduerpnXHsA https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/start/ns-setup-os-x&usg=ALkJrhhbLIBMjyfOD24xKGg8XHYwwvumdA https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/start/quick-setup&usg=ALkJrhhaQG2BMOTjWcH5V0Qx_nO4Jk8kmA#windows https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://forum.nativescript.org/&usg=ALkJrhg97hjUyDMFQzCaxAuZGVeBDFXKTw https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://forum.nativescript.org/&usg=ALkJrhg97hjUyDMFQzCaxAuZGVeBDFXKTw https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/start/ns-setup-win&usg=ALkJrhhLy8SauSWLrLYzIDKOf8wHlCappA Durante la instalación, puede que necesite aceptar una solicitud de Control de cuentas de usuario para conceder los privilegios administrativosde la secuencia de comandos. Además, tenga en cuenta que la secuencia de comandos descarga e instala algunas dependencias grandes, por lo que es común que el script tarde un tiempo en completarse. Cuando termine el guión, cierre y vuelva a abrir el símbolo del sistema. NOTA : En sistemas Windows sólo puede utilizar la CLI de NativeScript para desarrollar aplicaciones de Android. Esto se debe a que la CLI de NativeScript utiliza Xcode para crear aplicaciones iOS, que sólo está disponible en el sistema operativo macOS. Si está interesado en crear aplicaciones iOS en Windows, puede probar la Plataforma Telerik . La plataforma Telerik proporciona herramientas robustas para las aplicaciones de NativeScript, incluido un servicio que realiza iOS y Android en la nube, eliminando la necesidad de completar estos requisitos del sistema y permitiéndole construir para iOS en Windows. Mac OS Si está en una Mac, copie y pegue el script a continuación en su terminal y presione Enter: @powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((new-object net.webclient).DownloadString('https://www.nativescript.org/setup/win'))" Copy ruby -e "$(curl -fsSL https://www.nativescript.org/setup/mac)" Copy 2 - Configurar el sistema 8 https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.telerik.com/platform&usg=ALkJrhi21K6lHB-FykaktUxXXsMfvtKnew https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/start/quick-setup&usg=ALkJrhhaQG2BMOTjWcH5V0Qx_nO4Jk8kmA#macos Al igual que el script de Windows, el script macOS necesita acceso administrativo para ejecutar algunos comandos con sudo ; Por lo tanto, puede que tenga que proporcionar su contraseña varias veces durante la ejecución. El script macOS también puede tomar algún tiempo para completar, ya que está instalando las dependencias tanto para iOS como para Android. Cuando termine el script, cierre y reinicie su terminal. Paso 4: Verificar la configuración Una vez que haya terminado de instalar NativeScript y sus dependencias, ejecute el comando tns tns doctor , que comprobará si hay algún problema con su instalación. Si usted ve "No se detectaron problemas" que está bien para ir! Que sigue tns doctor Volver al tutorial de JavaScript• Volver al tutorial de TypeScript & Angular• 2 - Configurar el sistema 9 https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/tutorial/chapter-1&usg=ALkJrhiri9Di9mpAycE2sFrnDDi-RNuXww#11-install-nativescript-and-configure-your-environment https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/start/quick-setup&usg=ALkJrhhaQG2BMOTjWcH5V0Qx_nO4Jk8kmA#step-4-verify-the-setup https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/angular/tutorial/ng-chapter-1&usg=ALkJrhjmBQjVZEjNFIWWI3RqMA-O4PfAwQ#11-install-nativescript-and-configure-your-environment https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/start/quick-setup&usg=ALkJrhhaQG2BMOTjWcH5V0Qx_nO4Jk8kmA#whats-next Documentación NativeScript Core NativeScript con Referencia Angular de la API Manténgase conectado con NativeScript your e-mailSuscribir (Espere un boletín cada 4-8 semanas) Estrella Documentos Vitrinas Recursos Blog Acerca de ¸ À Empezar Solución de problemas Dónde obtener ayuda El marco de NativeScript tiene una comunidad vibrante que está aquí para ayudar cuando se encuentra con problemas. Si llegas a un problema, empieza por ver si alguien más ha reportado el problema en el foro de la comunidad NativeScript . Si no encuentra ninguna información, intente crear un nuevo tema del foro con los detalles necesarios para volver a crear el problema. Si ha encontrado un problema con el propio marco de NativeScript, informe el problema en el repositorio de GitHub adecuado. Problemas conocidos y limitaciones Dónde obtener ayuda• Problemas conocidos y limitaciones• CLI de NativeScript• Módulos NativeScript• Documentación de NativeScript• Tiempo de ejecución de NativeScript iOS• Tiempo de ejecución de NativeScript para Android• 3 - Solució n de problemas 10 https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/angular/start/introduction.html&usg=ALkJrhj1MDAhBQKgOjEjMXix6BkmGO8opg https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=https://github.com/NativeScript/NativeScript&usg=ALkJrhh6AxxBqCmz9qIkhyM85Kb3QGjVyA https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/start/troubleshooting&usg=ALkJrhgNAvrnz_VqqISZY8Cy7x7wQ0HOgQ#where-to-get-help https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/showcases&usg=ALkJrhj5kd0Ilaf0pMtKg1Cs3PsooJ4whg https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/api-reference/globals.html&usg=ALkJrhgzGaL-bwIo32u2UDesxoI7q1jdqg https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=https://github.com/nativescript/android-runtime&usg=ALkJrhjWSAVfm6veQHisCyQxQzdgAgs8vg https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/resources&usg=ALkJrhiiUwquFZqZC3tM4s2sHAEOEO7Rvg https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/angular/start/introduction.html&usg=ALkJrhj1MDAhBQKgOjEjMXix6BkmGO8opg https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=https://github.com/nativescript/nativescript/issues&usg=ALkJrhh_25n6c4F9hv2n5IV_kOCSWYXHdQ https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=https://docs.nativescript.org/&usg=ALkJrhhSjQSoGt7rI3AyxReu0TO2o5LJ2A https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://forum.nativescript.org/&usg=ALkJrhg97hjUyDMFQzCaxAuZGVeBDFXKTw https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/start/troubleshooting&usg=ALkJrhgNAvrnz_VqqISZY8Cy7x7wQ0HOgQ#where-to-get-help https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://forum.nativescript.org/&usg=ALkJrhg97hjUyDMFQzCaxAuZGVeBDFXKTw https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/start/troubleshooting&usg=ALkJrhgNAvrnz_VqqISZY8Cy7x7wQ0HOgQ#troubleshooting https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=https://github.com/nativescript/ios-runtime&usg=ALkJrhjdnKoJcUXFrUdNbBB5-sKpzP1V3Q https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=https://github.com/nativescript/nativescript-cli/issues&usg=ALkJrhinpKpHxc-u3FfGeR9-aZmgmWhvtw https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=https://github.com/nativescript/docs&usg=ALkJrhjc2k0guPV5jxp2_9UB9BJrdSYtVQ https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/start/troubleshooting&usg=ALkJrhgNAvrnz_VqqISZY8Cy7x7wQ0HOgQ#known-issues-and-limitationshttps://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/&usg=ALkJrhjyNgFCkXPd9_QFcKi-0op3Fc1QNw https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/&usg=ALkJrhjyNgFCkXPd9_QFcKi-0op3Fc1QNw https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/about&usg=ALkJrhjDYXULYxKPdVo4JHOLwfRbPnPvXA https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/blog&usg=ALkJrhg5y3U2bzZs33Sa5N4r3SvcCzWBOA https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/start/troubleshooting&usg=ALkJrhgNAvrnz_VqqISZY8Cy7x7wQ0HOgQ#known-issues-and-limitations Comenzar ¿Listo para probar NativeScript? Construye tu primera aplicación móvil multiplataforma con nuestro marco de código abierto y gratuito. Contribuir Si usted ve un área para mejorar o tiene una idea para una nueva característica, ¡amaríamos tener su ayuda! Recursos Documentación Integraciones Lista de recursos Muestras de la aplicación Premium UI suite Blogs Comunidad GitHub Desbordamiento de pila Eventos Contribuir ¿Tengo una idea? Empresa Guía del CTO Soporte de empresa Socios Preferidos Acerca de ¿Qué es NativeScript? Vitrinas Prueba {N} en tu dispositivo. Hoja de ruta y registro de lanzamiento NativeScript está licenciado bajo la licencia Apache 2.0 . 2017 © Progress Software Corporation. Todos los derechos reservados. Existen algunos problemas conocidos en los que puede encontrarse a medida que desarrolla aplicaciones móviles con NativeScript. La siguiente es una lista de problemas comunes que puede encontrar, así como las soluciones que puede utilizar para seguir desarrollando. Mi aplicación se rompió después de cambiar las sucursales git Problema: después de cambiar de sucursal, la aplicación ya no genera o no muestra nuevos cambios. Solución: la CLI de NativeScript genera proyectos nativos platforms/android la platforms/android para su platforms/android en las platforms/android y las platforms/ios carpetas platforms/ios . Cuando cambie de sucursal, puede que necesite regenerar los proyectos nativos para que su aplicación funcione correctamente. Comience por eliminar la (s) tns platform remove (s) tns platform remove (s) con el comando tns platform remove la tns platform remove . A continuación, agregue de nuevo las plataformas, así como instale cualquier nueva dependencia de npm, utilizando el comando tns tns install . tns platform remove ios tns platform remove android tns install 3 - Solució n de problemas 11 https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/resources&usg=ALkJrhiiUwquFZqZC3tM4s2sHAEOEO7Rvg https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/preferred-partners&usg=ALkJrhgJFLi2waZR2s7XSfKVFS-tBPSayA https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=https://docs.nativescript.org/&usg=ALkJrhhSjQSoGt7rI3AyxReu0TO2o5LJ2A https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=https://nativescript.ideas.aha.io/%3Fstatus%3D6001166983752519805&usg=ALkJrhgsXijuc0KEyKSoj42SnZhJCYsxxw https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/roadmap&usg=ALkJrhiSgdI0tTx-TlMwduhHe7kw_34dyA https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/ctos-guide&usg=ALkJrhgHurCaZxq7Zq4VOuNiuQkRjhhZag https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=https://github.com/NativeScript/NativeScript&usg=ALkJrhh6AxxBqCmz9qIkhyM85Kb3QGjVyA https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/showcases&usg=ALkJrhj5kd0Ilaf0pMtKg1Cs3PsooJ4whg https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://stackoverflow.com/questions/tagged/nativescript&usg=ALkJrhgFopkhDsKxLbANvE5poicjX7-zuw https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=https://github.com/NativeScript/nativescript-cli/blob/master/LICENSE&usg=ALkJrhgX5uVK5beq1-FecBsB1-yv8mckTQ https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/ui-for-nativescript&usg=ALkJrhh-WQq8WJrADSvNoJs8mh0JD24dLg https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/contribute&usg=ALkJrhil_8BIA8EWd7s-ftSmqyoGVrXB5g https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/enterprise&usg=ALkJrhjOKS-3d54inGkfsaOAnMv4i55vpg https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/app-samples-with-code&usg=ALkJrhhJifrhOA-4ABe76fqZbKvOgQOB9w https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/blog&usg=ALkJrhg5y3U2bzZs33Sa5N4r3SvcCzWBOA https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/start/troubleshooting&usg=ALkJrhgNAvrnz_VqqISZY8Cy7x7wQ0HOgQ#my-app-broke-after-switching-git-branches https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/integrations&usg=ALkJrhhxppPYExSTbKIRNBx0wh3iH8V1nw https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/nativescript-example-application&usg=ALkJrhjbb98QY-FbThoJ8ftLwPR6fG9z1g https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/events&usg=ALkJrhixVu-799mKpvj0n0SN8Kt4oT9rZg https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/about&usg=ALkJrhjDYXULYxKPdVo4JHOLwfRbPnPvXA Error lanzado al intentar ejecutar operaciones relacionadas con la construcción para Android Ejecute $ android para lanzar el SDK Manager de Android y descargue el repositorio Local Maven para Support Libraries 28.0.0. No se puede ejecutar o depurar aplicaciones en dispositivos iOS 8.1.3 con Xcode 6.1 Problema: En sistemas MacOS con Xcode 6.1 instalado, no puede ejecutar o depurar aplicaciones en dispositivos iOS 8.1.3. Las imágenes de disco de revelador proporcionadas con el SDK de iOS en Xcode 6.1 no son compatibles con iOS 8.1.3. La CLI de NativeScript utiliza estas imágenes de disco para trabajar con los dispositivos iOS conectados. Actualización a Xcode 6.1.1 o posterior. El comando de debug expira en dispositivos Android Problema: el comando de depuración expira cuando intenta depurar en dispositivos o emuladores de Android y las herramientas de depuración no se inician. El comando debug está configurado con un tiempo de espera de 30 segundos. En configuraciones informáticas más lentas, la CLI podría superar este tiempo de espera al conectarse a dispositivos o emuladores de Android. Solución: vuelva a ejecutar el comando de debug . Si continúateniendo problemas con el rendimiento del emulador de Android, puede considerar FAILURE: Build failed with an exception. * What went wrong: A problem occurred configuring root project 'app_name'. > Could not resolve all dependencies for configuration ':_debugCompile'. 3 - Solució n de problemas 12 https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/start/troubleshooting&usg=ALkJrhgNAvrnz_VqqISZY8Cy7x7wQ0HOgQ#the-debug-command-times-out-on-android-devices https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/start/troubleshooting&usg=ALkJrhgNAvrnz_VqqISZY8Cy7x7wQ0HOgQ#error-thrown-when-attempting-to-run-build-related-operations-for-android https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/start/troubleshooting&usg=ALkJrhgNAvrnz_VqqISZY8Cy7x7wQ0HOgQ#cannot-run-or-debug-apps-on-ios-813-devices-with-xcode-61 utilizar una opción de emulador de terceros más eficiente como Genymotion . Las herramientas de depuración para Android nunca se lanzan en macOS Problema: La CLI de NativeScript utiliza el paquete npm del abridor para abrir Chrome. La versión actual del paquete que usa la CLI no puede abrir el explorador. Solución: Actualice el paquete del abridor a una versión más nueva. Si esto no resuelve el problema, intente modificar su copia local del paquete. Los archivos agregados a la carpeta App_Resources no funcionan Problema: cuando agrega imágenes o archivos a la carpeta App_Resources de su aplicación , ejecute la aplicación y las imágenes no se muestran cuando deberían. Solución: cuando agrega archivos a la carpeta App_Resources , debe ejecutar una nueva versión de la aplicación . Los archivos ubicados en App_Resources se compilan en el archivo ejecutable para que no puedan sincronizarse con una compilación anterior. A continuación, se indican los pasos correctos a seguir para resolver el problema: Desinstale el antiguo .apk (Android) o .ipa (iOS) del dispositivo o emulador en el que ejecuta la aplicación. • Ejecute el comando tns tns build android o tns build ios para crear un nuevo .apk o .ipa para su aplicación. • Ejecute el comando tns tns run android o tns run ios para instalar el nuevo ejecutable y verá que sus archivos ahora están empaquetados en su aplicación. • 3 - Solució n de problemas 13 https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=https://www.npmjs.com/package/opener&usg=ALkJrhhmSg9N1gdG3OSeJ7zL93WGgnELfg https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=https://www.npmjs.com/package/opener&usg=ALkJrhhmSg9N1gdG3OSeJ7zL93WGgnELfg https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=https://www.genymotion.com/&usg=ALkJrhiZxC6oLGqWVINV4tShATUXFQa8bw https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/start/troubleshooting&usg=ALkJrhgNAvrnz_VqqISZY8Cy7x7wQ0HOgQ#the-debug-tools-for-android-never-launch-on-macos https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/start/troubleshooting&usg=ALkJrhgNAvrnz_VqqISZY8Cy7x7wQ0HOgQ#files-added-to-the-app_resources-folder-are-not-working Problemas con la ejecución en simuladores / emuladores y dispositivos Problema: Ejecutar la aplicación en el simulador de iOS produce un error como este: Solución: Pruebe el iOS Simulator -> Reset Contents and Settings Problema: la ejecución de la aplicación en Android produce un error como este: Solución: Ignore esta advertencia. Esto sólo ocurre si nunca ha implementado la aplicación, ya que la CLI está intentando eliminarla antes de volver a implementarla. Problema: la ejecución de la aplicación en Android produce un error como este: Solucione: Libere más espacio en su dispositivo / emulador. Command xcrun with arguments simctl launch CC9DBE24-A540-40E4-A187-E7DE3ECDA254 org.nativescript.groceries failed with exit code 4. Error output: An error was encountered processing the command (domain=FBSOpenApplicationErrorDomain, code=4): The operation couldn't be completed. (FBSOpenApplicationErrorDomain error 4.) The system failed to delete the package for an unspecified reason. The package manager service found that the device didn't have enough storage space to install the app. 3 - Solució n de problemas 14 https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/start/troubleshooting&usg=ALkJrhgNAvrnz_VqqISZY8Cy7x7wQ0HOgQ#problems-with-running-on-simulatorsemulators-and-devices Documentación NativeScript Core NativeScript con Referencia Angular de la API Manténgase conectado con NativeScript your e-mailSuscribir (Espere un boletín cada 4-8 semanas) Estrella Documentos Vitrinas Recursos Blog Acerca de ¸ À Empezar Guía de introducción a NativeScript Bienvenido a la Guía de inicio de NativeScript. En este tutorial utilizarás NativeScript, un framework de JavaScript multiplataforma para crear aplicaciones móviles nativas, para crear una aplicación para iOS y Android desde cero. Tabla de contenido 0.1: ¿Qué es NativeScript? NativeScript es un marco de código abierto y gratuito para crear aplicaciones nativas de iOS y Android mediante JavaScript y CSS. NativeScript procesa las interfaces de usuario con el motor de renderizado de la plataforma nativa, sin WebViews, que resulta en rendimiento nativo y UX. 0.1: ¿Qué es NativeScript?• 0.2: Requisitos previos• 0.3: Instalación• 4 - Guí a de introducció n a NativeScript 15 https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/tutorial/chapter-0&usg=ALkJrhjacxdyot2OAEJrY23r3SjQeZ_Jug#table-of-contents https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/tutorial/chapter-0&usg=ALkJrhjacxdyot2OAEJrY23r3SjQeZ_Jug#01-what-is-nativescript https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/&usg=ALkJrhjyNgFCkXPd9_QFcKi-0op3Fc1QNw https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/angular/start/introduction.html&usg=ALkJrhj1MDAhBQKgOjEjMXix6BkmGO8opg https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/&usg=ALkJrhjyNgFCkXPd9_QFcKi-0op3Fc1QNw https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/tutorial/chapter-0&usg=ALkJrhjacxdyot2OAEJrY23r3SjQeZ_Jug#02-prerequisites https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=https://github.com/NativeScript/NativeScript&usg=ALkJrhh6AxxBqCmz9qIkhyM85Kb3QGjVyA https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/api-reference/globals.html&usg=ALkJrhgzGaL-bwIo32u2UDesxoI7q1jdqg https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/showcases&usg=ALkJrhj5kd0Ilaf0pMtKg1Cs3PsooJ4whg https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=https://www.nativescript.org/&usg=ALkJrhiIudzGhPN9cp7TPWlS5ZybQDKGLQ https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/resources&usg=ALkJrhiiUwquFZqZC3tM4s2sHAEOEO7Rvghttps://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=https://docs.nativescript.org/&usg=ALkJrhhSjQSoGt7rI3AyxReu0TO2o5LJ2A https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/tutorial/chapter-0&usg=ALkJrhjacxdyot2OAEJrY23r3SjQeZ_Jug#nativescript-getting-started-guide https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/tutorial/chapter-0&usg=ALkJrhjacxdyot2OAEJrY23r3SjQeZ_Jug#03-installation https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/angular/start/introduction.html&usg=ALkJrhj1MDAhBQKgOjEjMXix6BkmGO8opg https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/about&usg=ALkJrhjDYXULYxKPdVo4JHOLwfRbPnPvXA https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://developer.telerik.com/featured/what-is-a-webview/&usg=ALkJrhhQNBNQq8Dyf2nqDifJqibgC2A65w https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/tutorial/chapter-0&usg=ALkJrhjacxdyot2OAEJrY23r3SjQeZ_Jug#01-what-is-nativescript https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/blog&usg=ALkJrhg5y3U2bzZs33Sa5N4r3SvcCzWBOA https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://developer.telerik.com/featured/what-is-a-webview/&usg=ALkJrhhQNBNQq8Dyf2nqDifJqibgC2A65w Comenzar ¿Listo para probar NativeScript? Construye tu primera aplicación móvil multiplataforma con nuestro marco de código abierto y gratuito. Contribuir Si usted ve un área para mejorar o tiene una idea para una nueva característica, ¡amaríamos tener su ayuda! Recursos Documentación Integraciones Lista de recursos Muestras de la aplicación Premium UI suite Blogs Comunidad GitHub Desbordamiento de pila Eventos Contribuir ¿Tengo una idea? Empresa Guía del CTO Soporte de empresa Socios Preferidos Acerca de ¿Qué es NativeScript? Vitrinas Prueba {N} en tu dispositivo. Hoja de ruta y registro de lanzamiento NativeScript está licenciado bajo la licencia Apache 2.0 . 2017 © Progress Software Corporation. Todos los derechos reservados. NativeScript proporciona una experiencia de desarrollo de lo mejor de ambos mundos. Los módulos JavaScript de multiplataforma de NativeScript le brindan la conveniencia de escribir aplicaciones iOS y Android desde una sola base de código JavaScript, mientras que los tiempos de ejecución de NativeScript le dan el poder de acceder a APIs nativas, SDKs y marcos cuando los necesita, todo sin necesidad de abrir Xcode o Android Studio. 0.2: Requisitos previos Esta guía asume que tiene algunos conocimientos básicos de JavaScript, CSS y el terminal de su máquina de desarrollo. Más específicamente: 0.3: Instalación Para iniciar este tutorial, debe tener instalada la CLI de NativeScript (interfaz de línea de comandos) en su máquina de desarrollo, que puede hacer mediante el enlace siguiente. JavaScript : Debería conocer los conceptos básicos de JavaScript, como el funcionamiento de las funciones, las sentencias y los bucles. • CSS : Usted debe saber escribir simples selectores CSS, y saber cómo aplicar las reglas CSS como pares nombre / valor. • El terminal : Usted debe saber cómo abrir un terminal o línea de comandos en su máquina de desarrollo, cómo cambiar los directorios y cómo ejecutar comandos. • Un editor de texto o IDE : Debe conocer los conceptos básicos de su editor de texto o IDE de su elección. Puede utilizar cualquier editor de texto para crear aplicaciones NativeScript. • Complete la guía de instalación de NativeScript• 4 - Guí a de introducció n a NativeScript 16 https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/tutorial/chapter-0&usg=ALkJrhjacxdyot2OAEJrY23r3SjQeZ_Jug#03-installation https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/ui-for-nativescript&usg=ALkJrhh-WQq8WJrADSvNoJs8mh0JD24dLg https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/about&usg=ALkJrhjDYXULYxKPdVo4JHOLwfRbPnPvXA https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/roadmap&usg=ALkJrhiSgdI0tTx-TlMwduhHe7kw_34dyA https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/showcases&usg=ALkJrhj5kd0Ilaf0pMtKg1Cs3PsooJ4whg https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/start/quick-setup&usg=ALkJrhhaQG2BMOTjWcH5V0Qx_nO4Jk8kmA https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/blog&usg=ALkJrhg5y3U2bzZs33Sa5N4r3SvcCzWBOA https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=https://github.com/NativeScript/NativeScript&usg=ALkJrhh6AxxBqCmz9qIkhyM85Kb3QGjVyA https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=https://docs.nativescript.org/&usg=ALkJrhhSjQSoGt7rI3AyxReu0TO2o5LJ2A https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/events&usg=ALkJrhixVu-799mKpvj0n0SN8Kt4oT9rZg https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=https://github.com/NativeScript/nativescript-cli/blob/master/LICENSE&usg=ALkJrhgX5uVK5beq1-FecBsB1-yv8mckTQ https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/tutorial/chapter-0&usg=ALkJrhjacxdyot2OAEJrY23r3SjQeZ_Jug#02-prerequisites https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/app-samples-with-code&usg=ALkJrhhJifrhOA-4ABe76fqZbKvOgQOB9w https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=https://nativescript.ideas.aha.io/%3Fstatus%3D6001166983752519805&usg=ALkJrhgsXijuc0KEyKSoj42SnZhJCYsxxw https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/preferred-partners&usg=ALkJrhgJFLi2waZR2s7XSfKVFS-tBPSayA https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/enterprise&usg=ALkJrhjOKS-3d54inGkfsaOAnMv4i55vpg https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/nativescript-example-application&usg=ALkJrhjbb98QY-FbThoJ8ftLwPR6fG9z1g https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/contribute&usg=ALkJrhil_8BIA8EWd7s-ftSmqyoGVrXB5g https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/resources&usg=ALkJrhiiUwquFZqZC3tM4s2sHAEOEO7Rvg https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://stackoverflow.com/questions/tagged/nativescript&usg=ALkJrhgFopkhDsKxLbANvE5poicjX7-zuwhttps://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/integrations&usg=ALkJrhhxppPYExSTbKIRNBx0wh3iH8V1nw https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/ctos-guide&usg=ALkJrhgHurCaZxq7Zq4VOuNiuQkRjhhZag SUGERENCIA: Configurar su máquina para el desarrollo nativo puede ser complicado, especialmente si es nuevo en el desarrollo móvil. Si te quedas atascado, o si tienes preguntas al pasar por estas instrucciones, el foro de la comunidad NativeScript es un gran lugar para obtener ayuda. Con eso fuera del camino, vamos a empezar a crear aplicaciones con NativeScript! Continúe con el Capítulo 1-Cómo ponerse en marcha → 4 - Guí a de introducció n a NativeScript 17 https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://forum.nativescript.org/&usg=ALkJrhg97hjUyDMFQzCaxAuZGVeBDFXKTw https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/tutorial/chapter-1&usg=ALkJrhiri9Di9mpAycE2sFrnDDi-RNuXww https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://forum.nativescript.org/&usg=ALkJrhg97hjUyDMFQzCaxAuZGVeBDFXKTw Tutorial Tutorial 18 Documentación NativeScript Core NativeScript con Referencia Angular de la API Manténgase conectado con NativeScript your e-mailSuscribir (Espere un boletín cada 4-8 semanas) Estrella Documentos Vitrinas Recursos Blog Acerca de ¸ À Empezar Capítulo 1-Aprendizaje de los fundamentos de NativeScript En este capítulo, empezarás con lo básico, incluyendo la creación de nuevas aplicaciones, la ejecución de esas aplicaciones en emuladores y la creación de un flujo de trabajo de desarrollo que te permitirá crear aplicaciones rápidamente. Tabla de contenido 1.1: Creación de aplicaciones En NativeScript, crea y ejecuta aplicaciones mediante CLI de NativeScript. Después de la instalación , la CLI de NativeScript está disponible en su terminal o en el símbolo del sistema como un comando tns -que es abreviado para T elerik N ative S cript. En esta sección se familiarizará con la CLI de NativeScript y usará el comando create la CLI para iniciar su primera aplicación NativeScript. 1.1: Creación de aplicaciones• 1.2: Ejecución de aplicaciones• 1.3: Depuración de aplicaciones• Apéndice A: Elegir un editor• 5 - Cap. 1-Aprendizaje de los fundamentos de NativeScript 19 https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/tutorial/chapter-1&usg=ALkJrhiri9Di9mpAycE2sFrnDDi-RNuXww#12-running-apps https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/tutorial/chapter-1&usg=ALkJrhiri9Di9mpAycE2sFrnDDi-RNuXww#appendix-a-choosing-an-editor https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/tutorial/chapter-1&usg=ALkJrhiri9Di9mpAycE2sFrnDDi-RNuXww#11-creating-apps https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/angular/start/introduction.html&usg=ALkJrhj1MDAhBQKgOjEjMXix6BkmGO8opg https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/api-reference/globals.html&usg=ALkJrhgzGaL-bwIo32u2UDesxoI7q1jdqg https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/angular/start/introduction.html&usg=ALkJrhj1MDAhBQKgOjEjMXix6BkmGO8opg https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=https://docs.nativescript.org/&usg=ALkJrhhSjQSoGt7rI3AyxReu0TO2o5LJ2A https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/start/quick-setup&usg=ALkJrhhaQG2BMOTjWcH5V0Qx_nO4Jk8kmA https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/&usg=ALkJrhjyNgFCkXPd9_QFcKi-0op3Fc1QNw https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/blog&usg=ALkJrhg5y3U2bzZs33Sa5N4r3SvcCzWBOA https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/tutorial/chapter-1&usg=ALkJrhiri9Di9mpAycE2sFrnDDi-RNuXww#chapter-1learning-the-nativescript-basics https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/resources&usg=ALkJrhiiUwquFZqZC3tM4s2sHAEOEO7Rvg https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/&usg=ALkJrhjyNgFCkXPd9_QFcKi-0op3Fc1QNw https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/about&usg=ALkJrhjDYXULYxKPdVo4JHOLwfRbPnPvXA https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/showcases&usg=ALkJrhj5kd0Ilaf0pMtKg1Cs3PsooJ4whg https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/tutorial/chapter-1&usg=ALkJrhiri9Di9mpAycE2sFrnDDi-RNuXww#11-creating-apps https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/tutorial/chapter-1&usg=ALkJrhiri9Di9mpAycE2sFrnDDi-RNuXww#13-debugging-apps https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/tutorial/chapter-1&usg=ALkJrhiri9Di9mpAycE2sFrnDDi-RNuXww#table-of-contents https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=https://github.com/NativeScript/NativeScript&usg=ALkJrhh6AxxBqCmz9qIkhyM85Kb3QGjVyA Comenzar ¿Listo para probar NativeScript? Construye tu primera aplicación móvil multiplataforma con nuestro marco de código abierto y gratuito. Contribuir Si usted ve un área para mejorar o tiene una idea para una nueva característica, ¡amaríamos tener su ayuda! Recursos Documentación Integraciones Lista de recursos Muestras de la aplicación Premium UI suite Blogs Comunidad GitHub Desbordamiento de pila Eventos Contribuir ¿Tengo una idea? Empresa Guía del CTO Soporte de empresa Socios Preferidos Acerca de ¿Qué es NativeScript? Vitrinas Prueba {N} en tu dispositivo. Hoja de ruta y registro de lanzamiento NativeScript está licenciado bajo la licencia Apache 2.0 . 2017 © Progress Software Corporation. Todos los derechos reservados. Ejercicio : Utilice el comando tns create Abra el terminal o el símbolo del sistema y ejecute el siguiente comando para crear una nueva aplicación NativeScript. Aquí está pasando dos cosas al comando create : HelloWorld que determina el nombre de la aplicación que está creando, y la opción -- template , que le indica a la CLI de NativeScript que aplique una aplicación usando una plantilla predefinida llamada "nativescript- template" -tutorial". SUGERENCIA : Puede utilizar el mandato tns create para aplicar aplicaciones en una variedad de diferentes puntos de partida . La plantilla "nativescript-template-tutorial" crea una aplicación dead-simple con el propósito de enseñar los fundamentos de NativeScript. El comando create tardaráun minuto en completarse, ya que la CLI de NativeScript necesita descargar algunas dependencias mientras configura la nueva aplicación. Cuando termine el comando, utilice el comando cd (cambiar directorio) para navegar por la carpeta de su nueva aplicación. tns create HelloWorld --template nativescript-template-tutorial Copy cd HelloWorld Copy 5 - Cap. 1-Aprendizaje de los fundamentos de NativeScript 20 https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=https://github.com/NativeScript/NativeScript/wiki/Using-the-%2560tns-create%2560-command&usg=ALkJrhgaO1_g7btZKK5nke3COH9aDLt_hg https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/enterprise&usg=ALkJrhjOKS-3d54inGkfsaOAnMv4i55vpg https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/roadmap&usg=ALkJrhiSgdI0tTx-TlMwduhHe7kw_34dyA https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=https://docs.nativescript.org/&usg=ALkJrhhSjQSoGt7rI3AyxReu0TO2o5LJ2A https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/contribute&usg=ALkJrhil_8BIA8EWd7s-ftSmqyoGVrXB5g https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=https://github.com/NativeScript/NativeScript&usg=ALkJrhh6AxxBqCmz9qIkhyM85Kb3QGjVyA https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/resources&usg=ALkJrhiiUwquFZqZC3tM4s2sHAEOEO7Rvg https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=https://github.com/NativeScript/nativescript-cli/blob/master/LICENSE&usg=ALkJrhgX5uVK5beq1-FecBsB1-yv8mckTQ https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/integrations&usg=ALkJrhhxppPYExSTbKIRNBx0wh3iH8V1nw https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=https://nativescript.ideas.aha.io/%3Fstatus%3D6001166983752519805&usg=ALkJrhgsXijuc0KEyKSoj42SnZhJCYsxxw https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/ctos-guide&usg=ALkJrhgHurCaZxq7Zq4VOuNiuQkRjhhZag https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/app-samples-with-code&usg=ALkJrhhJifrhOA-4ABe76fqZbKvOgQOB9w https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://stackoverflow.com/questions/tagged/nativescript&usg=ALkJrhgFopkhDsKxLbANvE5poicjX7-zuw https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/about&usg=ALkJrhjDYXULYxKPdVo4JHOLwfRbPnPvXA https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/showcases&usg=ALkJrhj5kd0Ilaf0pMtKg1Cs3PsooJ4whg https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/events&usg=ALkJrhixVu-799mKpvj0n0SN8Kt4oT9rZg https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/nativescript-example-application&usg=ALkJrhjbb98QY-FbThoJ8ftLwPR6fG9z1g https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/blog&usg=ALkJrhg5y3U2bzZs33Sa5N4r3SvcCzWBOA https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/preferred-partners&usg=ALkJrhgJFLi2waZR2s7XSfKVFS-tBPSayA https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://www.nativescript.org/ui-for-nativescript&usg=ALkJrhh-WQq8WJrADSvNoJs8mh0JD24dLg https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=https://github.com/NativeScript/NativeScript/wiki/Using-the-%2560tns-create%2560-command&usg=ALkJrhgaO1_g7btZKK5nke3COH9aDLt_hg Ahora que ha creado una aplicación, echemos un vistazo a cómo poner su nueva aplicación en funcionamiento en un emulador. SUGERENCIA : Puede ejecutar el comando de ayuda tns para ver la documentación de ayuda de CLI de NativeScript en su navegador web. 1.2: Ejecución de aplicaciones Ahora que tiene una aplicación escalonada en su computadora local y tiene cd 'ed a la raíz de la aplicación, está listo para ejecutar su aplicación en un emulador. Ejercicio : Utilice el comando tns run En NativeScript utilizas el comando tns run de la CLI para ejecutar tus aplicaciones en iOS o Android. Comencemos con Android. Ejecute el siguiente comando en su terminal para ejecutar la aplicación en un emulador de Android. NOTA : tns run android Copy Si aparece un error en este punto, es probable que no haya completado las instrucciones de instalación de CLI de NativeScript . Si ha seguido las instrucciones y sigue • 5 - Cap. 1-Aprendizaje de los fundamentos de NativeScript 21 https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/tutorial/chapter-1&usg=ALkJrhiri9Di9mpAycE2sFrnDDi-RNuXww#12-running-apps https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/start/quick-setup&usg=ALkJrhhaQG2BMOTjWcH5V0Qx_nO4Jk8kmA El comando run tardará unos segundos en completarse, ya que la CLI de NativeScript construirá y desplegará una aplicación nativa de Android. Cuando finalice el comando, el emulador nativo se abrirá y verá su aplicación: Si está en macOS y prefiere desarrollar primero iOS, escriba Ctrl + C en su terminal para finalizar el comando tns anterior de tns run estancado, intente pedir ayuda en el foro de la comunidad NativeScript . Debe tener al menos un AVD (Android Virtual Device) configurado en su máquina de desarrollo para que este comando ejecute su aplicación en un emulador de Android. Si usted no tiene uno instalado actualmente seguir adelante y configurar uno ahora . • 5 - Cap. 1-Aprendizaje de los fundamentos de NativeScript 22 https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/tooling/android-virtual-devices&usg=ALkJrhg5ODEv4XFTgk08kPecW0ij3reitA https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://forum.nativescript.org/&usg=ALkJrhg97hjUyDMFQzCaxAuZGVeBDFXKTw https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://forum.nativescript.org/&usg=ALkJrhg97hjUyDMFQzCaxAuZGVeBDFXKTw android y, a continuación, ejecute el siguiente comando. NOTA : NativeScript utiliza Xcode bajo la campana para crear y ejecutar aplicaciones iOS, y Xcode solo está disponible en macOS; Por lo tanto, solo puedes ejecutar aplicaciones iOS en macOS. El comando run tardará unos segundos, ya que la CLI de NativeScript construirá y desplegará una aplicación nativa de iOS. Cuando finalice el comando, el emulador nativo se abrirá y verá su aplicación: tns run ios Copy 5 - Cap. 1-Aprendizaje de los fundamentos de NativeScript 23 Usted pudo haber notado que el comando del funcionamiento del tns nunca termina. Es decir, no puede escribiren el terminal o en el símbolo del sistema una vez iniciada la aplicación. Esto sucede porque el comando tns run no sólo inicia sus aplicaciones, sino que también observa su código para los cambios. Cuando el comando tns tns run detecta un cambio de código, el comando actualiza automáticamente, o livesyncs , su aplicación para que pueda ver esos cambios inmediatamente. Hagamos algunas actualizaciones de su código para que pueda ver esto en acción. Ejercicio: Prueba Livesync Abra su nuevo proyecto en su editor de texto favorito o IDE. SUGERENCIA : Puede utilizar cualquier editor para desarrollar aplicaciones NativeScript, pero le recomendamos el código de Visual Studio. Siéntase libre de saltar al apéndice de este capítulo para más información. 5 - Cap. 1-Aprendizaje de los fundamentos de NativeScript 24 https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/tutorial/chapter-1&usg=ALkJrhiri9Di9mpAycE2sFrnDDi-RNuXww#appendix-a-choosing-an-editor Añadamos una imagen simple a tu aplicación para que puedas ver cómo funciona livesync. Abra el archivo app/main-page.xml y coloque la siguiente línea de código directamente bajo el <!-- Your UI components go here --> : NOTA : No se preocupe por las especificaciones de cómo funciona este código todavía. Vamos a cubrir los detalles de forma momentánea, por ahora sólo se sienta cómodo con cómo funciona livesync. El emulador debe actualizar y mostrar la nueva imagen. <Image src="~/images/apple.jpg"></Image> Copy 5 - Cap. 1-Aprendizaje de los fundamentos de NativeScript 25 A app/app.css , abra app/app.css y pegue el siguiente código directamente debajo de /* Your CSS goes here */ comment. Nuevamente no te preocupes por los detalles ahora mismo. Cuando su emulador se refresca, usted debe ver una manzana de hilado loco! Hagamos un cambio final. app/app.css la primera línea del archivo app/app.css de su app/app.css , que importa un archivo core.light.css . Esta importación le indica a NativeScript que utilice un esquema de colores "ligero". Cambiemos al esquema de colores "cielo" reemplazando la línea de código existente con la que se muestra a continuación. @keyframes spin { from { transform: rotate(0); } to { transform Copy 5 - Cap. 1-Aprendizaje de los fundamentos de NativeScript 26 El emulador debe actualizarse y deberías ver un bonito color azul ActionBar: Desafío : Elija un esquema de color diferente ¿Está buscando un poco más de diversión? NativeScript tiene varios esquemas de color disponibles para diseñar tus aplicaciones iOS y Android. Elija una hoja de estilos diferente de la lista completa y pruébela en su aplicación. ¿Cuál se ve mejor? En general, el proceso livesync de NativeScript CLI hace que el desarrollo nativo de iOS y Android se sienta mucho como el desarrollo web. Usted tiene la capacidad de cambiar su CSS, marcado y código JavaScript, y ver @import "nativescript-theme-core/css/sky.css"; Copy 5 - Cap. 1-Aprendizaje de los fundamentos de NativeScript 27 https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/ui/theme&usg=ALkJrhgsP48URq0KoPYWTVAyd5mbwtX7gw#color-schemes esos cambios reflejados en el fly-all en una aplicación totalmente nativa móvil. ADVERTENCIA: Hay situaciones en las que deberá detener la ejecución de tns y reconstruir su aplicación desde cero, por ejemplo, si necesita instalar una nueva dependencia desde npm. En esos casos usted necesita teclear Ctrl + C en su terminal para detener el proceso de tns run actual, y luego volver a ejecutar tns run android o tns run ios para obtener su aplicación y ejecutar de nuevo. No se preocupe sin embargo; Cuando se presenten situaciones que requieran un reinicio en este tutorial, esas instrucciones se enumerarán explícitamente. 1.3: Depuración de aplicaciones Ahora sabe cómo crear y ejecutar aplicaciones NativeScript. El siguiente paso es aprender a depurar sus aplicaciones cuando las cosas salen mal. Veamos cómo funciona la depuración en NativeScript. Ejercicio: Consola de registro en NativeScript Una de las cosas más fáciles que puede hacer para depurar aplicaciones en cualquier entorno es escribir en el registro del sistema. En el registro de NativeScript funciona mucho como lo hace en la web, ya que la mayoría de las mismas API de console que funcionan en la Web también funcionan en NativeScript. Para ver esta acción, abra el archivo app/main-page.js y app/main-page.js código. 5 - Cap. 1-Aprendizaje de los fundamentos de NativeScript 28 https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=http://docs.nativescript.org/tutorial/chapter-1&usg=ALkJrhiri9Di9mpAycE2sFrnDDi-RNuXww#13-debugging-apps Después de que la CLI de NativeScript actualice su aplicación, vuelva a su terminal o al símbolo del sistema. Debería ver un mensaje de "Hello World" en la parte inferior que se parece a algo como esto. La función console.log() es ideal para emitir valores primitivos como cadenas, números y booleanos, pero no funciona tan bien para los objetos. Para esas situaciones, deseará utilizar otro de los métodos del objeto de console para la salida de objetos console.dir() : console.dir() . Para ver esto en acción app/main-page.js archivo app/main- page.js con el código console.log() , que utiliza console.log() para console.log() un objeto simple. exports.pageLoaded = function() { console.log("Hello World"); } Copy exports.pageLoaded = function() { console.log({ type: "Apple", color Copy 5 - Cap. 1-Aprendizaje de los fundamentos de NativeScript 29 Si observa su consola verá la siguiente salida no muy útil. Vaya y console.log la console.log console.dir de su código con console.dir . Después de que la CLI de NativeScript actualice su aplicación, debería ver la salida completa del objeto en su terminal o en el símbolo del sistema. Las console.log() y console.dir() son dos de las muchas herramientas disponibles al depurar sus aplicaciones NativeScript. Es posible que desee probar la depuración paso a paso a medida que avanza hacia un desarrollo más avanzado, pero por ahora, cambiemos nuestra atención a cómo tratar los errores en las aplicaciones de NativeScript. Ejercicio: Tratamiento de errores en NativeScript Los errores ocurren, y cuando lo hacen es importante saber cómo manejarlos. Vamos a estropear algunas cosas en su nueva aplicación. Busca la línea de código que declara una <ActionBar> (línea 2 del archivo app/main-page.xml ). Quite el carácter final de esa línea para que la línea se ve así. JS: [object Object] Copy JS: === dump(): dumping members === JS: { JS: "type": "Apple", JS: "color": "Red" JS: } JS: === dump(): dumping function and properties names === JS: === dump(): finished === Copy <ActionBar title="My Apple" class="action-bar"></ActionBar Copy 5 - Cap. 1-Aprendizaje de los fundamentos de NativeScript 30 https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=https://www.nativescript.org/nativescript-for-visual-studio-code&usg=ALkJrhhp-jSI9ZJrdMGEfUs-8jak8KoOnw https://translate.googleusercontent.com/translate_c?depth=1&hl=es&rurl=translate.google.com&sl=en&sp=nmt4&tl=es&u=https://www.nativescript.org/nativescript-for-visual-studio-code&usg=ALkJrhhp-jSI9ZJrdMGEfUs-8jak8KoOnw Esto es un marcado no válido, y como es de esperar NativeScript no puede procesar su interfaz de usuario. Lo que hace NativeScript, sin embargo, es registrar cualquier error relevante y apilar los rastreos a su consola. Si regresa a su terminal y se desplaza hacia arriba un poco, verá el siguiente error registrado que indica exactamente dónde está el problema. Vamos a corregir el error ahora main-page.xml el > nuevo a la línea 2 en su archivo main-page.xml . La CLI de NativeScript sigue viendo los archivos
Compartir