[바이브코딩] 4편 PWA 앱을 안드로이드 빌드하는 순서 정리 버전

 

 

PWA 앱을 안드로이드 빌드하는 순서 정리

- capacity 설치 및 사용 

- 기본적으로 vite , tailwind , PWA 플러그인 설치 된 상태

 

 

처음에만 = 프로젝트 폴더를 처음 만들고 나서를 말함 (위 설치내용 포함)

 

1.vite재설치 (처음에만)
npm install vite --save-dev
2.브라우저 실행 확인  (수시)
npm run dev
3.앱 패키지 초기화 (처음에만)
npx cap init "앱이름" "com.조직명칭.앱명칭" --web-dir=dist
4.빌드 (수시)
npm run build
5.캐피시터 재설치 (처음에만)
npm install @capacitor/android
6.안드로이드 파일 생성 (처음에만)
npx cap add android
7.동기화
npx cap sync android
8.안드로이드스튜디오/디버깅
sync project and gradle file
9.클린&빌드 (필요할 때만)
clean and assemble projects with test
10.실행
run

 

 

!!

원본 코드 수정 후 4번 빌드 부터 다시 하며, 안드로이드 재생성 대신 카피 또는 싱크

npx cap copy android

 

스튜디오에서 일부 수정 후 > 크린&빌드 실행 (에러가 없었다면 skip)

스튜디오에서 gradle 수정 후 > sync project.... 실행