Cordova 튜토리얼을 시도해보십시오.

3338 단어 코르도바VSCode

사용한 것 (환경)


  • cordova
  • visualStudioCode
  • windows10
  • Android


  • 튜토리얼을 번역하면서 시도



    튜토리얼의 페이지는 아래와 같다.

    Apache Cordova Tutorial

    환경 구축에 대해서는 별도 정리하고 있으므로 아래 참조.

    cordova&VSCode로 환경을 구축할 때까지의 우왕좌왕 메모.

    Module 1: Creating a Cordova Project



    1~3까지는 환경 구축으로 끝나고 있으므로 날린다.
  • Cordova CLI를 사용하여 Workshop이라는 이름의 Cordova 프로젝트를 workshop 디렉토리에 만듭니다.
    현재 디렉토리 내에 작성되므로 cd 명령 등으로 계층을 이동해 두는 것.
    또, yourname의 곳은 좋아하게 바꾸어도 좋습니다.
  • cordova create workshop com.yourname.workshop Workshop
    

    정상 종료하면
    Creating a new cordova project.
    라고 표시됩니다.
  • 만든 프로젝트의 디렉토리로 변경합니다.
  • cd workshop
    
  • iOS 플랫폼을 지원 대상에 추가합니다. (선택 사항)
  • Android 플랫폼을 지원 대상에 추가합니다. (선택 사항)
  • cordova platforms add android
    

    이 기사에서는 Android 만 추가합니다.
    이를 위해 아래 명령을 실행하여 Android가 nstalled platforms에 포함되어 있는지 확인하십시오.
    cordova platforms ls
    

    실행 결과는 아래와 같이 나올 것입니다.
    Installed platforms:
      android 7.0.0
    Available platforms:
      browser ~5.0.1
      ios ~4.5.4
      osx ~4.0.1
      windows ~5.0.0
      www ^3.12.0
    
  • 기본 플러그인을 추가합니다.
    튜토리얼의 명령은 오래된 것 같습니다. (아래 참조)
    Error when adding cordova plugin

  • 실제로 실행한 명령은 다음과 같습니다.
    cordova plugin add cordova-plugin-device
    cordova plugin add cordova-plugin-console
    
  • 생성된 것을 확인합시다!
    아래는 google 선생님의 번역 그대로.
  • www 폴더는 HTML/JavaScript 애플리케이션을 코딩하는 곳입니다. 브라우저에서 index.html 파일을 열고 Cordova CLI로 작성된 기본 애플리케이션을 표시합니다.
  • 플랫폼 폴더는 Cordova가 다양한 플랫폼(iOS, Android 등)용으로 애플리케이션을 빌드하는 곳입니다. 이 폴더의 내용은 Cordova CLI에 의해 자동으로 생성됩니다. 해당 디렉토리의 코드는 절대로 편집하지 마십시오.
  • 플러그인은 plugins 디렉토리에 설치됩니다.
    애플리케이션 매개변수(이름, 작성자 등)는 config.xml에 저장됩니다.


  • Android를 연결하고 디버그에서 실행. DEVICE IS READY로 표시되는지 확인.



    참고 URL



    Apache Cordova Tutorial

    cordova&VSCode로 환경을 구축할 때까지의 우왕좌왕 메모.

    Error when adding cordova plugin

    좋은 웹페이지 즐겨찾기