Vue-boilerplate

Minimal static Vue project

Tool link

Use this template

Creating project

Method 1: Using GitHub repository template

Use this template

Method 2: CLI forking

git clone ssh://git@git.klemek.fr:42617/klemek/vue-template.git {PROJECT}
cd {PROJECT}
git remote rename origin template
git remote add origin {PROJECT REMOTE}

Tasks

Every task is indicated with a TODO

1. Rename app in README.md, index.html, App.vue and package.json
2. Change app hue and saturation in style.css
3. Remove this part and all TODO

Updating from template

To update from templates latest changes:

make update-template

Upgrade from version 1

git remote add template ssh://git@git.klemek.fr:42617/klemek/vue-template.git
git fetch template
git rm --force '*'
git checkout template/main -- '*'
git remote remove template
# re-code logic by checking online code

Makefile targets

Usage: make [target1] [target2] ...

Commands/Targets:
help                 show this message
install              install project
install              update project
build                build static site in "dist"
dev                  run dev server
lint                 lint code
format               fix and reformat code
update-template      fetch and merge core changes from template

Tips

• Material design colors are available, you can use class="red-500" on your HTML (see full list)
• Lucide icons are available, you can use <i icon=house></i> on your Vue template
• The .button class make links more beautifuls (can also be .disabled or colored amber-300)