Letwork product wizard

• Vuejs Component
• die enthaltene Docker-Umgebung dient nur der Entwicklung
• der Ordner /dist enthält das Build des package
• der Ordner /dist-app enthält das Build der App, die zum Testen des package benutzt werden kann.
• ./src/lib.js definiert die exportierten Vue Komponenten

Einbindung in ein Projekt

lokale Einbindung

• "npm link" im root Ordner dieses projektes
• "npm link letwork-wizard-1" im Projekt, welches dieses Paket verwenden soll
• laden der vue Komponente: import { letworkWizard } from 'letwork-wizard-1'
• Testen dieses Projektes ohne externes Projekt
  • npm install
  • npm run app (buildet eine vue app nach ./dist-app)
  • App erreichbar unter: localhost:8081
  • Konfigurator-Komponente: ./src/components/Wizard.vue
  • Einbindende Seite: ./src/views/Start.vue
  • Nach abschließen der Entwicklung: npm run prod zum builden der npm library nach ./dist

Einbindung über docker in externes Projekt

• mappen dieses Projektes über ein docker volume nach /localNpmPackages
• cd /localNpmPackages
• npm link
• cd
• npm link "letwork-wizard-1"
• Beispiel: siehe README des Projekts LetWork-Wizard-1-Test zum Einbinden dieser lib in einer externen vue app

Testen dieses Projekts mit docker ohne externes Projekt

• cd
• docker-compose up
• Alle folgenden Befehle müssen im docker container ausgefürt werden mit:
  • sh ./helper/c.sh (Mac)
  • ./helper/c.ps1 (Windows)
• npm install
• npm run app (buildet eine vue app nach ./dist-app)
  • App erreichbar unter: localhost:8081
  • Konfigurator-Komponente: ./src/components/Wizard.vue
  • Einbindende Seite: ./src/views/Start.vue
• Nach abschließen der Entwicklung: npm run prod zum builden der npm library nach ./dist

Einbindung über node package manager

https://www.npmjs.com/package/letwork-wizard-1

• npm i letwork-wizard-1

Einbindung über node package manager und git

• package.json erweitern um
• "letwork-wizard-1": "git+https://nutzername:[email protected]/hephaistos-code/letwork-assistant-1.git#develop"
• "npm i" oder "yarn install"

wizard

Project setup

docker-compose up
npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Run your unit tests

npm run test:unit

Run your end-to-end tests

npm run test:e2e

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.