vscode를 사용하여 여러 에뮬레이터 기기에서 Flutter 앱을 실행하는 방법

3058 단어 androiddartvscodeios

vscode를 사용하여 여러 에뮬레이터 기기에서 Flutter 앱을 실행하는 방법



Flutter는 크로스 플랫폼 모바일 프레임워크입니다. 즉, Android와 iOS를 모두 지원하므로 Flutter를 개발하는 것은 한 번 작성하고 두 플랫폼에서 모두 실행할 수 있다는 점에서 매력적입니다. 이 게시물에서는 Visual Studio 코드를 사용하여 둘 이상의 에뮬레이터를 동시에 실행하는 방법을 보여줍니다. 기본적으로 프로젝트에서 한 번에 하나의 에뮬레이터만 실행할 수 있습니다. Flutter의 초고속 핫 리로드 및 재시작 기능 덕분에 개발 경험이 더 빠르고 더 좋아졌습니다. 그러나 하나의 장치를 기다릴 필요 없이 두 플랫폼 장치에서 개발할 때 응용 프로그램을 테스트/디버깅할 수 있다면 더 좋았을 것입니다.

단계


  • 응용 프로그램을 실행할 다른 에뮬레이터 장치를 만듭니다. 예: iOS 기기, Android 기기
    NB: 에뮬레이터 장치를 만드는 방법은 표시하지 않겠습니다
  • .

    How to create Android and iOS emulator device .
  • 모든 장치, 즉 iOS 및 Android용 모든 장치가 시작되었는지 확인합니다.
  • 장치 ID 실행을 위해 모든 장치에 대한 ID 가져오기
    flutter devices
    터미널에서 장치 ID를 얻으십시오. [아래 스크린샷]


  • Flutter 프로젝트에 대한 시작 구성 설정을 만듭니다. [아래 스크린샷]


  • launch.json에서 각 장치에 대한 장치 프로필을 생성합니다.

  • {
          "name": "iPad Pro",
          "request": "launch",
          "type": "dart",
          "deviceId": "CE96E50B-A047-40D9-9921-1359CA2CF231"
    
    }
    
    

    참고:
    이름은 프로필 이름, 즉 장치 이름이지만 임의의 이름일 수 있습니다.
    아래는 내 Flutter 앱의 샘플 구성 설정입니다.

    {
      // Use IntelliSense to learn about possible attributes.
      // Hover to view descriptions of existing attributes.
      // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
      "version": "0.2.0",
      "configurations": [
        {
          "name": "Flutter",
          "request": "launch",
          "type": "dart"
        },
        {
          "name": "Android",
          "request": "launch",
          "type": "dart",
          "deviceId": "emulator-5554"
        },
        {
          "name": "iPhone",
          "request": "launch",
          "type": "dart",
          "deviceId": "iPhone"
        },
        {
          "name": "iPad Pro",
          "request": "launch",
          "type": "dart",
          "deviceId": "CE96E50B-A047-40D9-9921-1359CA2CF231"
        }
      ],
      "compounds": [
        {
          "name": "All Devices",
          "configurations": ["Android", "iPhone", "iPad Pro"]
        }
      ]
    }
    
    



  • 좋은 웹페이지 즐겨찾기