index apresenta apenas o h1

Boa tarde, estava seguindo os passos da aula e no momento de executar o

npm run dev

1. o navegador não abriu automaticamente (detalhe)
2. ao acessar manualmente http://localhost:8080/index, foi apresentado apenas um h1 com a mensagem "Hello Vue!" e não com o template igual apresentado no video.

Abri o projeto no visual code e o index possui o mesmo código do apresentado. não sei se pode ser algo que ocorreu durante o "sudo npm install" Que apresentou o log:

npm WARN optional Skipping failed optional dependency /chokidar/fsevents:
npm WARN notsup Not compatible with your operating system or architecture: fsevents@1.2.4
npm WARN alurapic@ No repository field.
npm WARN alurapic@ No license field.

Log do npm run dev:

> alurapic@ dev /home/murilo/Projetos/vue/alura/alurapic
> webpack-dev-server --inline --hot

 http://localhost:8080/
webpack result is served from /dist/
content is served from /home/murilo/Projetos/vue/alura/alurapic
404s will fallback to /index.html

O app.vue aparentemente não foi criado corretamente:

<template>
  <div id="app">
    <h1>{{ msg }}</h1>
  </div>
</template>

<script>
export default {
  data () {
    return {
      // note: changing this line won't causes changes
      // with hot-reload because the reloaded component
      // preserves its current state and we are modifying
      // its initial state.
      msg: 'Hello Vue!'
    }
  }
}
</script>

<style>
body {
  font-family: Helvetica, sans-serif;
}
</style>

Fiz algo de errado?

Estou utilizando Ubuntu.