Since I could not find a clean way of deploying vue-cli apps to github pages, I made this one.
npm install --save vue-gh-pages
Alternatively, with yarn:
yarn add vue-gh-pages
"deploy": "node ./node_modules/vue-gh-pages/index.js"
This will automatically push your builds to github.
"homepage": "https://github.com/myusername/my-app",
If you are using ssh you will need to add the ssh link instead:
"homepage": "git@github.com:myusername/my-app
If this is left off you will have to commit and push the changes manually.
npm run deploy
This will create an optimized production build of your project ready for github pages.
Step 5: Finally, if this is your first commit to gh-pages, go to your repository's settings on github, scroll down to the gh-pages section and change the source to:
master branch /docs folder
(May need administrator privileges)
git config --system core.longpaths true
This may happen as a result of node_modules filenames being overly verbose.
That's it!