Webentwicklung http://kohnlehome.de/html/vue-cli.pdf
Vue CLI
Quelle: cli.vuejs.org/guide
Installation
npm install -g @vue/cli vue --version
Projekt erstellen
vue create name-des-projekts
GUI
vue ui
Dev-Server starten
npm run serve
Production-Ready bundle in dist/ erstellen
npm run build
Verzeichnisstruktur
name-des-projekts/
|- public/
| |- index.html
|
|- src/
|- assets/
| |- ... .png
|
|- components/
| |- ... .vue
|
|- App.vue
|- main.js
index.html
<html>
...
<div id="app"></div>
...
</html>
App.vue
<template>
...
</template>
<script>
export default { name: "App", components: {
...
}, };
</script>
<style>
...
</style>
main.js
import { createApp } from ’vue’
import App from ’./App.vue’
createApp(App).mount(’#app’)
Franz Kohnle Seite 1 von 1 6. November 2020