Framevuerk
- Installation
- Components
- Styles
First of all, you should install Framevuerk and of course Vue from terminal and just follow the example and use it!
Terminal
npm i vue
npm i framevuerk
And put these on your main script: (Also commonjs syntax and require is available.)
Javascript
// Vue package
import Vue from 'vue'
// Framevuerk main script
import Framevuerk from 'framevuerk/dist/framevuerk.js'
// Framevuerk main style
// Also you can include this via <link rel="stylesheet"> in your template
import 'framevuerk/dist/framevuerk.css'
// Activate
Vue.use(Framevuerk)
// Initializing App
new Vue({
el: '#app'
})
Finally you need to create your template just like this.
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>My Awesome App</title>
<link rel="stylesheet" href="path/to/your/app.css">
</head>
<body>
<fvMain id="app">
<!-- Your App goes here -->
</fvMain>
<script src="path/to/your/app.js"></script>
</body>
</html>