Vue Project Template

Overview

Repository template for Vue.js projects

Features

• Webpack Compilation
• Babel transpiling
• Javascript and Typescript support
• Sass, Scss and Css support
• Vue component file (.vue) support
• Live development via Hot module reloading
• Local and Docker deployment
• NPM and yarn support (yarn by default)

Dependencies

• Node.js
• Yarn package manager (Default - npm alternatively is supported)
• Docker (optional - for Docker deployment)
• Bash (optional - for scripted Docker deployment)

Yarn Run Commands

Local use with Yarn package manager.

Development - "run dev'

Accessible on Localhost:8080.

cd app
yarn
yarn run dev

Build - "run build"

Compiles the project source ready for deployment, exports to app/dist.

cd app
yarn
yarn run build

NPM Run Commands

Local use with Node package manager.

Please Note - This repository has been configured using Yarn and therefore does not contain a lock-file for NPM.

Development - "run dev'

Accessible on Localhost:8080.

cd app
npm install .
npm run dev

Build - "run build"

Compiles the project source ready for deployment, exports to app/dist.

cd app
npm install .
npm run build

Docker Deployment

Deploys to Docker via Docker-compose

Development

Scripted Deployment

sudo chmod +x deployment/dev.sh
./deployment/dev.sh

Manual Deployment

docker-compose -p vue-app-dev -f docker-compose.dev.yml up -d --build --remove-orphans

Production

Scripted Deployment

sudo chmod +x deployment/prod.sh
./deployment/prod.sh

Manual Deployment

docker-compose -p vue-app -f docker-compose.yml up -d --build --remove-orphans