Logo Studenta

Tutorial_NativeScript_1

¡Este material tiene más páginas!

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

Continuar navegando