GitHub Pages + Vue CLI 3
In this post, I will show you how to run your Vue CLI 3 project on GitHub Pages in a few simple steps. GitHub Pages is ideally for your personal website, documentation, demos, or your wife's website 😊 ... basically, any static project that you want to display to the world quickly. For the purpose of this tutorial, I will be using mejiamanuel5 / gh-pages-vue-cli-3 a project that I created for a better demonstration. You can clone my repo, use your existing Vue CLI 3 project or create a new one. If you don't know how to create one, this guide can help you. Ready? let's start: 1) At the root of your project create a file called deploy.sh and add this script: # abort on errors set -e # build echo Linting.. npm run lint echo Building. this may take a minute... npm run build # if you are deploying to a custom domain add a CNAME (uncomment the next 3 lines) #cd docs #echo 'yourcustomdomain.com' > CNAME #cd - # deploy echo Deploying..