Estoy empezando en este mundo de la programación WEB y estaria super agradecido si alguien me orientara en este proceso, ya he estudiado parte de html, css y javascript; y ahora estoy empezando a usar Vue.js para practicar, pero me consigo que no logro hacer este ejemplo en mi pc local [ejemplo Template][1], en si quiero crear un template en un archivo aparte donde pueda llamarlo y usarlo en cualquier parte de mi html, con el fin de simplificar codigo, pero no logro hacerlo porque no logro identificar si me faltan otros CDN o que otra cosa debo hacer.

**Este es el HTML**

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-html -->

    <html>
      <head>
        <meta charset="utf-8"/>
      </head>
      <body>
        <app></app>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.28/vue.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/vue-resource/1.0.3/vue-resource.js"></script>
        <script src="main.js"></script>
      </body>
    </html>

<!-- end snippet -->

**Este el archivo main.js**

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

    import Vue from 'vue'
    import App from './App.vue'

    new Vue({
      el: 'body',
      components: { App }
    })

<!-- end snippet -->

**Este es el Template App.vue**

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-html -->

    <template>
      <h1>{{ msg }}</h1>
    </template>

    <script>
    export default {
      data () {
        return {
          msg: 'Hello Vue!'
        }
      }
    }
    </script>

    <style scoped>
    h1 {
      color: red;
    }
    </style>

<!-- end snippet -->


De nuevo mil gracias quien pueda orientarme e indicarme que debo hacer en mi pc local para replicar el [ejemplo Template][1] jejeje recuerden que estoy empezando y no manejo toda la parte tecnica ya que esta la obtendre con la practica. 

saludos!!




 


  [1]: http://www.webpackbin.com/4ydPUEnMz