cnpm i element-ui -s

<template>
  <div class="page">
    <h2>Login Page</h2>
  </div>
</template>

<script>
export default {
  name: 'Login'
}
</script>
要在这里加一行

import Vue from 'vue'
import Router from 'vue-router'
import Login from '@/views/Login'
import Home from '@/views/Home'
import NotFound from '@/views/404'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'Home',
      component: Home
    },
    {
      path: '/login',
      name: 'Login',
      component: Login
    }
    ,{
      path: '/404',
      name: 'notFound',
      component: NotFound
    }
  ]
})

yarn add sass-loader node-sass --dev

或

cnpm install sass-loader node-sass -D

注意：

yarn错误The engine "node" is incompatible with this module

进行这个设置之后，会正常。 

yarn config set ignore-engines true

但是这是什么原因那？

解析如下：

我的node.js安装包是8.2版本的，支持vue-cli 3.0版本以上需要v8.9以上

于是我去node.js官网下载了新版本，再次yarn add  g【page】 安装ok了。

vue安装node-sass编译报错

{
        test: /\.vue$/,
        loader: 'vue-loader',
        options: {
            loaders: {
                scss: 'style-loader!css-loader!sass-loader',
                sass: 'style-loader!css-loader!sass-loader?indentedSyntax',
            },
        },
      }

<style lang="scss">

</style>

yarn add axios
或：
cnpm install --save axios

yarn add mockjs --dev