Easy way to deploy Vue.js project on github pages
To get started, create the repository you need on github
Next create a Vue project
If you deploy on custom domain then skip create/edit vue.config.js step
Create/edit the vue.config.js file, create it and put the following in it
module.exports = {
publicPath: process.env.NODE_ENV === 'production'
? '/my-project/'
: '/'
}Then create the deploy.sh file in the root of the project
set -e
npm run build
cd dist
# if you use custom domain
# echo 'www.example.com' > CNAME
git init
git add -A
git commit -m 'deploy'
git remote add origin https://github.com/<your-login>/<your-repository-name>.git
git push -u -f origin master
cd -
Next go to the package.json file and add the following line in scripts
"publish": "sh deploy.sh"
Now, going to the project folder and writing npm run publish in the console, your project will be loaded into the repository you specified, you can go to github pages and see the result
If you need, see package.example.json and deploy.example.sh
Important
If you are deploying the project for the first time, after the script has completed, you need to go to the settings on github, find GitHub Pages there and specify your main branch as the source