GitHub Page - Vue Cli 배포하기

1. Repository 생성

2. 생성해준 저장소에서 Settings > Pages(GitHub Pages) > Source 기존 None을 Main으로 변경 , 기존 Root를 /docs 로 선택 후 Save 저장

 

3. 저장해주면 아래 처럼 url이 세팅됨. 

 

Code 로 돌아가서 Open with Github Descktop 선택 

GithubDesktop.exe 열기

 

 

 

npm run serve 로 프로젝트 실행 

 

 

 

 

 

vue.config.js

module.exports = {
  publicPath: "/portfolio/",
  outputDir: "docs",
};

npm run build를 해준다,

npm run build

npm run build 결과 설정해준 docs폴더내에 컴파일된 파일들이 생성되는 것을 확인 할 수 있다. 

 

이후 Push 하기  터미널에서 아래 순서대로 실행 

git add .

git commit -m "코멘트입력"

git push -u origin main