Skip to content

Instantly share code, notes, and snippets.

View BojanKomazec's full-sized avatar
💭
DevOps Now!

Bojan Komazec BojanKomazec

💭
DevOps Now!
14 followers · 56 following
View GitHub Profile
@BojanKomazec
BojanKomazec / index.html
Created September 6, 2018 15:26
<html lang="en">
...
<body>
...
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>
@BojanKomazec
BojanKomazec / App.vue
Created September 6, 2018 15:16
<template>
<div id="app">
<img alt="Vue logo" src="./assets/logo.png">
<HelloWorld msg="Welcome to Your Vue.js App"/>
</div>
</template>
<script>
import HelloWorld from "./components/HelloWorld.vue";
export default {
@BojanKomazec
BojanKomazec / HelloWorld.vue
Created September 6, 2018 15:00
<template>
<div class="hello">
<h1>{{ msg }}</h1>
...
</div>
</template>
<script>
export default {
name: "HelloWorld",
@BojanKomazec
BojanKomazec / Vue.component
Created September 6, 2018 14:54
// Define a new component called button-counter
Vue.component('button-counter', {
data: function () {
return {
count: 0
}
},
template: '<button v-on:click="count++">You clicked me {{ count }} times.</button>'
})
@BojanKomazec
BojanKomazec / HelloWorld.vue - script
Created September 6, 2018 14:22
<script>
export default {
name: "HelloWorld",
props: {
...
}
};
</script>
@BojanKomazec
BojanKomazec / package.json
Created September 5, 2018 22:14
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
}
@BojanKomazec
BojanKomazec / terminal
Created September 5, 2018 22:06
>npm run serve
> example@0.1.0 serve C:\dev\github\the-vue-handbook-demo-cli-example\example
> vue-cli-service serve
INFO Starting development server...
98% after emitting CopyPlugin
DONE Compiled successfully in 4535ms
@BojanKomazec
BojanKomazec / terminal
Created September 5, 2018 22:00
>npm run
Scripts available in example via `npm run-script`:
serve
vue-cli-service serve
build
vue-cli-service build
lint
vue-cli-service lint
@BojanKomazec
BojanKomazec / terminal
Created September 5, 2018 13:16
> npm --version
6.4.1
@BojanKomazec
BojanKomazec / terminal
Created September 5, 2018 13:15
> npm install -g npm@latest
C:\Users\komazec\AppData\Roaming\npm\npm -> C:\Users\komazec\AppData\Roaming\npm\node_modules\npm\bin\npm-cli.js
C:\Users\komazec\AppData\Roaming\npm\npx -> C:\Users\komazec\AppData\Roaming\npm\node_modules\npm\bin\npx-cli.js
+ npm@6.4.1
added 387 packages from 770 contributors in 35.656s