【Vue】安装（NPM 方法）

[Vue2.0 新手完全填坑攻略——从环境搭建到发布]http://www.jianshu.com/p/5ba253651c3b

1.在用 Vue.js 构建大型应用时推荐使用 NPM 安装

【Vue】安装（NPM 方法）

2.Vue.js 提供一个官方命令行工具，可用于快速搭建大型单页应用

【Vue】安装（NPM 方法）

3.进入项目，安装并运行

【Vue】安装（NPM 方法）

4.成功执行以上命令后访问 http://localhost:8080/，输出结果如下所示

【Vue】安装（NPM 方法）

5.我们在 IDE（Eclipse、Atom等）中打开该目录，结构如下所示

6.修改src/commponents/Hello.vue

<template>
  <div class="hello">
    <h1>{{ msg }}</h1>
  </div>
</template>
 
<script>
export default {
  name: 'hello',
  data () {
    return {
      msg: '欢迎来到菜鸟教程！'
    }
  }
}
</script>

7.显示结果如下

【Vue】安装（NPM 方法）