什么是Vue?
vue不仅仅是一个模板引擎，它可以构建数据驱动的web界面。
vue实现了双向数据绑定，可以避免直接操作dom，可能你对此没有什么概念，请先简单地补一下课《MVC，MVP 和 MVVM 的图示》
最明显的区别是，你平时写页面多数要通过jquery去操作dom，才能控制某些状态的变化，但是使用vue，由于是数据驱动的，状态的改变与页面的dom直接绑定了，并不需要操作dom。自己感受一下。

vue所适用的场景
1、存在复杂表单的应用；
2、不需要考虑seo的单页应用；
3、内部系统；
4、不需要支持低版本IE浏览器的应用；
5、其他带壳的web应用；

纯粹的模板引擎
vue并不是纯粹的模板引擎，它应该归类于实现了MVVM的前端框架。而模板引擎所做的工作只是渲染页面，你既可以在前端渲染也可以在后端渲染。如果你在前端页面引入模板引擎，那么你就是在前端渲染，如果你在express等后端框架内引入模板引擎，则可以实现后端渲染。常用的模板引擎有handlebars、ejs、jade、swig、nunjunks、artTemplate等等。最简单的模板引擎个人认为是artTemplate，但是要论功能的强大，则是swig/jade。建议先从artTemplate入门。

什么是node？
官网的解释是『Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。Node.js 的包管理器 npm，是全球最大的开源库生态系统。』可能你并不知道这代表了什么，我也不知道怎么解释，你应该自己去玩一下，然后逐渐就会有一点认识。可以看一下这个《node包教不包会》，当你开始想学习一点后台的知识时，你可以看一下N-blog。

如何学习？
啃文档是最好的出路。一次看不懂，看三次，肯定能看得懂。要静得下心来，而不是到处找什么教程，文档本身就有教程。。

个人觉得学JavaScript框架无非是建立在JavaScript原生语言的基础上学习，所以，为了更好学习这些js框架，得深入了解js的语言吧，个人推荐先看一遍并理解underscore.js的源码，这样你会发现你原来对js的学习都是不全面的，接着对于前端框架来说看文档是很好的方式，尤其是vue.js已经有中文文档，看起来快一点，而node的话辛苦点看看官方英文的文档吧，虽然多而且是英文但我也坚持看完了。然后node做开发你可以去尝试koa框架，一个轻量级的后台框架，js的回调写法很舒服具体看你会明白的。

我最近也在学习node，感觉这确实是一难啃的骨头，看node的时候里面还多延伸的知识点，然后去补习，然后发现要掌握的东西太多了，现在都不知道从哪下手了。之前问人家会node的牛牛，说学node最好是能懂一门后台语言。。。。

看文档学习，就是学习一些概念

vue不了解
node.js我也认为应该学习一种简单的后台语言以后再学比较好，否则很难明白node.js的优势在哪。
如果直接学node.js的话，去youtube上找几个视频，看出点感觉来，再去github上搜一些短小的project来看看。
没有后台语言基础的话，不建议直接看官方文档，因为看了半天你还是啥也写不出来。

感觉写nodejs之前先补补js基础，把es6的语法看看.
一入前端深似海，技能树点开瞬间爆炸，慢慢来.
VueJS 挺好用的，最近刚出了2.0，凑个热闹.

我建议你的学习路径如下：

1. HTML

2. CSS

3. Javascript

上面在学的过程中一定要多动手做几个项目，比如说写一个SegmentFault的首页，最好做两三个项目，而且布局什么的都最好还不要一样

上面的任务都做完之后然后就可以接触node和webpack了，都不需要太深，因为node太深了，属于大前端，等你了解了这些个工具知道你就可以接触前端框架了，比如先了解如下三个流行的框架：

1. vue

2. angular

3. react

然后都做一些小项目，综合选择适合自己的框架，最后就愉快地写代码把。

nodejs 是能让前端变全栈的变态框架，其实就是在学后端，利用javascript语言。
当然学之前可以先懂点什么叫服务器，什么叫路由，http协议，不一定要深入。
nodejs入门教程 我是敲这里面的代码入的门。
然后再学学标配的MongoDB，好吧，可以随意开发一个完整的网站了。
接下来就是去什么阿里云，网易，什么的买一个云服务器ecs。
接着买域名
域名备案
然后就成为一名站长
回过头，自己走了好久~~