수색…


비고

Nativescript는 웹 기술 (JS 및 html)을 사용하여 iOS 및 Android (파이프 라인의 창과 함께)를 타겟팅 할 수있는 고성능 크로스 플랫폼 모바일 앱 런타임입니다. 그것은 많은 핵심 목표로 창조되었습니다 :

  • 시각적으로 뛰어난 성과 : 안드로이드에서도 UI가 없으며 부드럽고 부드러운 fps를가집니다.
  • 확장 성 : 모든 네이티브 API에 액세스 할 수 있으므로 간편한 크로스 플랫폼 플러그인을 만들 수 있습니다.
  • 완전한 네이티브 UI
  • Typescript 및 Angular 2와 긴밀하게 통합
  • 오픈 소스, Telerik의 강력한 기업 후원

설치 또는 설정

Nativescript 설정 또는 설치에 대한 자세한 지침.

다음 예는 Windows 또는 OSX 시스템을 설정 한 다음 문제가있을 경우를 대비하여 문제 해결 안내서에 게시물에 서명하는 데 필요한 단계를 보여줍니다.

또한 권장되는 워크 플로, IDE 및 에뮬레이터를 설정하는 방법에 대한 예가 있습니다.

맥 OS

  1. 가장 최근의 Node.js LTS가 설치되어 있는지 확인하십시오. Homebrew 를 사용하는 경우 brew install node4-lts 를 사용하여이 작업을 수행 할 수 있습니다.
  2. 터미널을 열고 npm install -g nativescript 입력 npm install -g nativescript . EACCES 오류가 발생하면 sudo npm install -g nativescript .
  3. 명령 프롬프트에서 ruby -e "$(curl -fsSL https://www.nativescript.org/setup/mac)" . (다소 시간이 걸릴 수 있습니다.)
  4. 위의 내용을 확인하려면 터미널에 tns doctor 를 입력하십시오.
  5. 오류가 있으면 문제 해결 안내서를 따르십시오.

Windows

  1. 최신 nodeJS LTS가 설치되어 있는지 확인하십시오.
  2. 명령 프롬프트를 열고 $ npm install -g nativescript
  3. 명령 프롬프트에 $ @powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((new-object net.webclient).DownloadString('https://www.nativescript.org/setup/win'))" 잠시 시간을내어
  4. 위의 내용을 확인하려면 명령 프롬프트에 $ tns doctor 를 입력하십시오 (cmd)
  5. 오류가 있으면 문제 해결 가이드를 따르십시오.

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 일 액세스]



Modified text is an extract of the original Stack Overflow Documentation
아래 라이선스 CC BY-SA 3.0
와 제휴하지 않음 Stack Overflow