vue-cli로 프로젝트를 만들고 github 페이지에 게시

4006 단어 vue-cligithub-pages

절차



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}/

↓ 이것이 나오면 성공

좋은 웹페이지 즐겨찾기