vue2.0一起在懵逼的海洋里越陷越深（一）

本文章系列：vue2.0一起在懵逼的海洋里越陷越深 (http://leenty.com/tags/vuejs/)

就在今年的10月份，Vue2.0发布啦，来懵逼的海洋里一起下沉吧！

前段阵子都没有发随笔，一方面要准备一场考试，另一方面是在研究vue2.0，又一方面一时也不知道写点什么好。
（而其实最大的方面是自己找到了偷懒不写随笔的理由了。。。）

---

@周星星和江南另外三大才子有佳句流传：
山下一群鹅，嘘声赶落河.
下河捉鹅医肚饿，吃完回家玩…
呃…玩vue2.0 咳咳咳咳

先看看vue2.0多了哪些好玩的

• virtual-DOM（据说不是普通的Virtual-DOM）
• Templates || JSX || Hyperscript(现在，你可以选择你喜欢的编写模式进行开发了)
• 流式服务端渲染（这个听起来很厉害，后面一起研究）
• 其他（各种性能优化，更多想象发挥空间，更多可能）

伴随着vue2.0的更新，vue生态链的其他组件也跟着进行了更新

• vue-router
• vue-resource
• vue-cli

好，进入正题

先贴个地址，我的vue2.0的demo
这个demo使用vue-cli快速生成还发环境
加入vue-router做前端路由
加入vue-resource做ajax
加入vuex做状态管理
demo里目前使用hash模式
具体的会在接下来一一介绍

具体细节

好的，现在打开你的终端，开始开车啦！🚌

• 安装vue-cli

  npm install -g vue-cli

• 创建vue项目
  语法：

  vue init <template-name> <project-name>

这里我选择使用webpack来创建（可以参考git入门级-在github创建项目）

vue init webpack app

之后vue-cli就会询问Project name，你可以输入你的工程名，或者直接回车就会默认使用之前的名称
之后还会有一系列询问，你可以一路回车下来，这样就创建好了一个
大概会是这样子

• 安装依赖

  npm i

当完成这一步步骤后就可以使用命令启动vue应用了

npm run dev

• 接下来就安装其他需要的组件，vue-router,vue-resource,vuex

  npm install vue-router vue-resource vuex --save

到这一步，vue项目的骨架已经好了。