看完 Vue 文档，第一个项目仍然不知从何下手？

[shuirong1997]

Demo ：Vue 构建的 CnodeJS 社区

Github ：shuiRong/VueCnodeJS 觉得不错还请给 Star 　(｡￫‿￩｡)

记得之前尤雨溪曾说过如何学 Vue ：

1. 首先， 看文档把 Demo 都敲一遍， 熟悉 Vue 语法
2. 了解 Webpack 的基本用法和 ES6 的一些新特性
3. 借助 Vue-cli 脚手架写一个项目
4. 学习 Vue 源码

顺便一提，其实上面这一套放诸四海，皆准。

看文档学习概念没什么说的，重点说说第一个 Vue 项目如何下手，和源码怎么看：

说来惭愧，第一次看完 Vue 文档的基础篇，进阶篇后，仍是一脸茫然，不知我的第一个 Vue 项目该从何下手。然后.....我又回去看第二遍文档了，以为再把 Vue 概念过一遍，应该就知道怎么写 Vue 项目了。然而......你们猜到了，看完后对着编辑器，还是不知道该怎么下手，尴尬。

然后我就去 Gayhub 上找了个 Vue 项目，签出第一次的 commit ，开始看。确保看懂程序是怎么运行的之后，再签出下一个 commit 。就这样，看了大概 5 ， 6 个 commit 后，我就知道 Vue 项目该怎么写了。

接下来的就很顺利了，构建项目框架，写组件，用到 vue-router,vue-resource 又去看了看文档，文档东西很少，很快就能用到项目里。

大概花了５天， 20 个小时左右，就把这个项目搞定了。

PS: 考虑到别人可能会看我源码来学习 Vue ，我 commit 时是根据项目的功能模块，即每完成一小块功能，就 commit 一次。贴心吧，嘻嘻。

Star! Star! Star!

[ferrum]

楼主也喜欢 Lana Del Rey ？

[herozzm]

赞

[duan602728596]

等有需求就知道怎么写了