1. vue-cli 初始化项目

根据上篇，vue-cli生成了vue项目的骨架。下面要用到三个文件：

1. 新增：src/components/Hello.vue
2. 修改：src/App.vue
3. 修改：build/webpack.base.conf.js

新增：src/components/Hello.vue

<template>
  <div class="hello">
    <h1>{{ msg }}</h1>
  </div>
</template>
 
<script>
export default {
  name: 'hello',
  data () {
    return {
      msg: 'Vue入门!'
    }
  }
}
</script>修改：src/App.vue

修改：src/App.vue

执行一下，看看效果

npm run dev

结果报错

发现是eslint的问题。去 webpack.base.conf.js 屏蔽这块配置

修改：build/webpack.base.conf.js

执行一下，看看效果

npm run dev

成功启动

访问http://localhost:8080/#/