【Vue】安装(NPM 方法)

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

 

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

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

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

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

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.显示结果如下

posted @ 2017-04-27 19:33 乘客 阅读(...) 评论(...) 编辑 收藏