How to Build and Deploy VueJs project?
If you do not have code ready, you can fork the repository being used in this example: https://github.com/paladium/nativeci-demos
We are going to deploy a hello-world application for VueJs, follow along to find different ways you can customise your VueJs deployment.
Choose your repo first:
Next, select vue deployment:
To choose a correct NodeJS version, open up the terminal and type the command below:
$ node --version v14.0.0
Choose the major version output, e.g 16 or 14.
On the final screen, enter the following settings:
#Default build command npm run build #Run tests first npm run test && npm run build
#For monorepo example vue-helloworld
Port to expose:
#Choose port 80 as ssl is provided automatically
#vue deploys into dist folder dist
#Leave empty as nginx will be launched
After that you can visit your website and see how easy it was to deploy it:
The bonus is if you change your code in source control, the build will be automatically triggered and newest version will be deployed. Congratulations, you now have Continuous Build and Deployment.