TOOL & IDE/VScode

[VScode] VScode에서 Vercel 배포하기

JOKUN 2024. 6. 24. 16:00

1. 사전에 vercel 페이지에서 가입 (로그인해서 확인까지하기!)

 

2. 배포할 프로젝트 vscode로 열기 


3. 로그인 

배포할 프로젝트 위치가 맞는지 확인 후 진행하는게 편함
그리고 배포하기 전 yarn run build 를 실행해서 배포할때 에러나는 게 없는지 미리 확인한 다음 진행하면 편함!

 

터미널에 로그인 명령어 입력

vercel login

 

항목중에 가입한 방법으로 로그인 선택 

 

제대로 로그인 되면 아래와 같이 나옴 

 

 

4. 배포

vercel
  • 이 위치에 있는 파일들을 배포할것인지 ? y -

 

  • 어떤 계정에 배포할것인지 선택 

 

  • 이미 존재하는 프로젝트에 연결할것인지? - n
    (새로 배포할 거라서 no)

 

 

  • 프로젝트 이름 ? 

프로젝트명 알아서 지정해준걸로 진행해도 되고, 따로 적어서 진행해도 됨 

 

 

  • 어떤 디렉토리에 코드가 있는지?

 

  • 설정을 변경하고 싶은지? - n

 

  • 빌드중

 

  • 빌드 완료

제공된 주소로 들어가서 확인하면 끝 👏👏👏

 

(혹시 빌드중에 에러가 난다면 vercel 사이트로 가서 상세한 에러를 확인하거나 터미널에 yarn run build를 실행해서 에러나는 것들을 수정해서 다시 vercel 명령어 부터 입력해서 재배포하면 된다. )

 

 

vercel 페이지에서도 아래와 같이 확인이 되면 잘 배포 된 것!