nativescript 튜토리얼
Nativescript 시작하기
수색…
비고
Nativescript는 웹 기술 (JS 및 html)을 사용하여 iOS 및 Android (파이프 라인의 창과 함께)를 타겟팅 할 수있는 고성능 크로스 플랫폼 모바일 앱 런타임입니다. 그것은 많은 핵심 목표로 창조되었습니다 :
- 시각적으로 뛰어난 성과 : 안드로이드에서도 UI가 없으며 부드럽고 부드러운 fps를가집니다.
- 확장 성 : 모든 네이티브 API에 액세스 할 수 있으므로 간편한 크로스 플랫폼 플러그인을 만들 수 있습니다.
- 완전한 네이티브 UI
- Typescript 및 Angular 2와 긴밀하게 통합
- 오픈 소스, Telerik의 강력한 기업 후원
설치 또는 설정
Nativescript 설정 또는 설치에 대한 자세한 지침.
다음 예는 Windows 또는 OSX 시스템을 설정 한 다음 문제가있을 경우를 대비하여 문제 해결 안내서에 게시물에 서명하는 데 필요한 단계를 보여줍니다.
또한 권장되는 워크 플로, IDE 및 에뮬레이터를 설정하는 방법에 대한 예가 있습니다.
맥 OS
- 가장 최근의 Node.js LTS가 설치되어 있는지 확인하십시오. Homebrew 를 사용하는 경우
brew install node4-lts를 사용하여이 작업을 수행 할 수 있습니다. - 터미널을 열고
npm install -g nativescript입력npm install -g nativescript.EACCES오류가 발생하면sudo npm install -g nativescript. - 명령 프롬프트에서
ruby -e "$(curl -fsSL https://www.nativescript.org/setup/mac)". (다소 시간이 걸릴 수 있습니다.) - 위의 내용을 확인하려면 터미널에
tns doctor를 입력하십시오. - 오류가 있으면 문제 해결 안내서를 따르십시오.
Windows
- 최신 nodeJS LTS가 설치되어 있는지 확인하십시오.
- 명령 프롬프트를 열고
$ npm install -g nativescript - 명령 프롬프트에
$ @powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((new-object net.webclient).DownloadString('https://www.nativescript.org/setup/win'))"잠시 시간을내어 - 위의 내용을 확인하려면 명령 프롬프트에
$ tns doctor를 입력하십시오 (cmd) - 오류가 있으면 문제 해결 가이드를 따르십시오.
NativeScript 개발을위한 Visual Studio 코드 사용
Visual Studio Code 는 Microsoft의 오픈 소스 및 풍부한 기능의 코드 편집기입니다. NativeScript 개발을 위해이를 설정하려면 명령 팔레트 ( F1 또는 ⌘ + Shift + P )를 ext install NativeScript 입력 ext install NativeScript .
NativeScript 확장이 설치되면 디버거에서 코드에 중단 점을 설정할 수 있어야합니다. 기기가 연결되거나 에뮬레이터가 실행 중일 때 디버그 탭에서 앱을 시작할 수 있습니다. 
첫 번째 Hello World 프로그램
$ mkdir hello-world
$ cd hello-world
$ tns create hello-world --ng
$ tns platform add android #You can only add ios on an OSX machine
그런 다음 장치가 연결되어 있거나 에뮬레이터가 실행 중인지 확인하십시오 (그렇지 않은 경우 기본 에뮬레이터가 시작되거나 오류가 발생 함). 안드로이드 용 genymotion을 권합니다.
$ tns run android
기본 android 에뮬레이터를 사용하려면 --emulator 플래그를 추가하십시오.
현재 tns 2.5에서 livesync는 tns run <platform> 위한 기본 동작으로, tns run <platform> 변경 사항을 저장할 때 자동으로 다시 컴파일됩니다. 이렇게하면 개발 시간이 크게 향상 될 수 있지만 플러그인을 변경하면 제대로 다시 컴파일해야합니다.
Wi-Fi를 통해 nativescript-android 앱을 디버깅하는 방법 (루트 제외)
1 - USB 케이블을 통해 장치를 컴퓨터에 연결해야합니다. USB 디버깅이 작동하는지 확인하십시오. adb devices (또는 tns device )를 실행할 때 표시되는지 확인할 수 있습니다.
2 회 실행 adb tcpip 5555
3 - 장치를 분리합니다 (USB 케이블 분리).
4 - 설정 -> 전화 정보 -> 상태로 이동하여 전화기의 IP 주소를 봅니다.
5-Run adb connect <IP address of your device>:5555
6 - adb devices (또는 tns device )를 다시 실행하면 tns device 가 표시됩니다.
7- 이제 tns run android 를 사용하여 tns run android , tns livesync android 명령을 tns run android 수 있습니다.
노트 :
1 - WiFi 네트워크가 변경되면 1 ~ 3 단계를 반복하지 않아도됩니다 (휴대 전화를 Wi-Fi 디버그 모드로 설정). 4-6 단계를 실행하여 휴대 전화에 다시 연결해야합니다.
2 - 안드로이드 전화가 다시 시작하면 와이파이 - 디버그 모드를 잃게됩니다. 따라서 배터리가 다 된 경우 다시 시작해야합니다. 그렇지 않으면 배터리를 주시하고 휴대 전화를 다시 시작하지 않으면 케이블없이 수 주일 동안 살 수 있습니다!
경고 :
옵션을 사용하도록 설정하면 위험합니다. 데이터 네트워크에 있더라도 네트워크의 모든 사용자가 디버그로 장치에 연결할 수 있습니다. 신뢰할 수있는 Wi-Fi에 연결된 경우에만 수행하고 완료되면 연결을 끊는 것을 잊지 마십시오!
참조 :
1-Norman Peitek. 2014. WiFi를 통해 Android 앱을 디버깅하는 방법 (루트가없는 경우)! [온라인] https://futurestud.io/blog/how-to-debug-your-android-app-over-wifi-without-root에서 다운로드 할 수 있습니다. [2016 년 8 월 8 일 액세스]
2-usethece. Wi-Fi를 통해 Android 애플리케이션을 실행 / 설치 / 디버그 하시겠습니까?. [온라인] 제공 : http://stackoverflow.com/a/10236938/4146943 . [2016 년 8 월 8 일 액세스]



