From 2d14c84eb8e06afa7690518161d71869ae7ae11a Mon Sep 17 00:00:00 2001
From: kazuya kawaguchi <kawakazu80@gmail.com>
Date: Wed, 22 Mar 2017 20:38:17 +0900
Subject: [PATCH] :star: new(gitbook): add getting started template

---
 template/gitbook/en/SUMMARY.md |  1 +
 template/gitbook/en/started.md | 38 ++++++++++++++++++++++++++++++++++
 2 files changed, 39 insertions(+)
 create mode 100644 template/gitbook/en/started.md

diff --git a/template/gitbook/en/SUMMARY.md b/template/gitbook/en/SUMMARY.md
index 2a6bb92..a08467c 100644
--- a/template/gitbook/en/SUMMARY.md
+++ b/template/gitbook/en/SUMMARY.md
@@ -7,3 +7,4 @@
 {{/unless_eq}}
 
 - [Installation](installation.md)
+- [Getting Started](started.md)
diff --git a/template/gitbook/en/started.md b/template/gitbook/en/started.md
new file mode 100644
index 0000000..5ad2ba2
--- /dev/null
+++ b/template/gitbook/en/started.md
@@ -0,0 +1,38 @@
+# Getting Started
+
+> We will be using [ES2015](https://github.com/lukehoban/es6features) in the code samples in the guide.
+
+
+### HTML
+
+```html
+<script src="https://unpkg.com/vue/dist/vue.js"></script>
+<script src="https://unpkg.com/{{ name }}/dist/{{ name }}.js"></script>
+
+<div id="#app">
+  <!-- TODO: here the outputs -->
+</div>
+```
+
+### JavaScript
+
+```javascript
+// If using a module system (e.g. via vue-cli), import Vue and {{ classify name }} and then call Vue.use({{ classify name }}).
+// import Vue from 'vue'
+// import {{ classify name }} from '{{ name }}'
+// 
+// Vue.use({{ classify name }})
+
+// TODO: here the example
+
+// Now the app has started!
+new Vue({ }).$mount('#app')
+```
+
+Output the following:
+
+```html
+<div id="#app">
+  <!-- TODO: here the outputs -->
+</div>
+```