按之前的節(jié)奏到現(xiàn)在，項目跑不起來，接著調(diào)整App.vue和路由
打開App.vue文件，在template節(jié)把引用已經(jīng)刪除的asset文件內(nèi)容部分的代碼刪除，寫如下:

<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: 'app'
}
</script>

<style lang="scss">
  @import "./style/style";
</style>

樣式，都將從 src/style/style.scss 這個文件中引用，因此，在 App.vue 這個文件中，直接引用 ./style/style 即可。

scss 中，引用文件，是可以省略 .scss 這個后綴名的。 
并且，某個不用編譯成 css 的文件，文件命名為 _xxx.scss 

調(diào)整好了 App.vue 文件后，因為使用了 scss 文件預編譯，所以需要安裝兩個支持 scss 的 npm 包。

npm install sass-loader -D
npm install node-sass -D

在 page 文件夾下面有建立了兩個空文本文件 index.vue 和 content.vue 文件，是準備用來放列表和內(nèi)容的。

填寫一點基礎內(nèi)容在里面。
index.vue

<template>
  <div>index page</div>
</template>

content.vue

<template>
  <div>content page</div>
</template>

項目還是跑不起來，運行 npm run dev 還是會出錯。還要配置路由：

import Vue from 'vue'
import Router from 'vue-router'
import Hello from '@/components/Hello'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'Hello',
      component: Hello
    }
  ]
})

因為Hello組件已經(jīng)被刪除，所以報錯，如下改動：

import Vue from 'vue'
import Router from 'vue-router'
import Index from '@/page/index'
import Content from '@/page/content'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      component: Index
    }, {
      path: '/content/:id',
      component: Content
    }
  ]
})

命令npm run dev,項目動起來了，如果還是不行請再仔細檢查項目是否哪里出錯。
原文：http://blog.csdn.net/FungLeo/article/details/77600798