절차

vue-cli 설치 (처음에만)

$ npm install -g vue-cli

프로젝트 이름을 변수로 설정

PJNAME=vuetes

프로젝트 만들기

모든 질문은 ENTER에서 OK

$ vue init webpack ${PJNAME}

$ cd ${PJNAME}

js와 css를 상대 경로로 얻도록 변경

build 내의 assetsPublicPath 수정

config/index.js

build: {
  :
  assetsPublicPath: '/',
  :

↓

config/index.js

build: {
  :
  assetsPublicPath: '',
  :

github pages에 배포를 단순화하는 플러그인 추가

$ npm install gh-pages --save-dev

package.json 수정

스크립트에 deploy 추가

package.json

"scripts": {
    "deploy": "gh-pages -d dist",
    :
}

커밋하다

$ git init
$ git add -A
$ git commit -m "commit"

github에서 저장소를 만들고 푸시하기

$ REPO=$(basename $PWD);
$ GHUSER=$(git config --get user.name);

$ GHPASS=githubパスワードを入力

$ curl -u $GHUSER:$GHPASS https://api.github.com/user/repos -d '{"name":"'$REPO'"}' --fail;
$ git remote add origin [email protected]:$GHUSER/$REPO.git;
$ git push origin master

github pages에 배포

$ npm run build
$ npm run deploy

동작 확인

$ open https://yfujii01.github.io/${PJNAME}/

↓ 이것이 나오면 성공