node ，vue，webpack这些到底有什么关系

Question

想学习一下vue,react 之类，但文档一开始就来一个 npm install,这是什么鬼？我只想学一个js库，为什么要安装东西,google一下说是包管理工具,我想学vue还得先学会npm? 没有npm还不能用vue了,npm又是随node安装的工具，难道的还要学node,node不是服务器端的吗？关前端什么事？看到一头雾水，想找个实例网站看看，但都没有vue.js，react.js引入.
接着我又看到webpack,grunt又有什么用？又看到服务端渲染，这又是什么，vue在服务器已经生成好html？服务能解析js的不就只有node吗??? 内心一万个黑人问号。
我就不能单纯的用 php+vue或者php+react开发？？？？？前端圈真乱，有没有懂的同步跟我解译下 vue,react之流框架，从开发，到用户看到这流程是怎么实现的，最好用小学三年级语文水平解释下，多谢了

Answer 1

1， npm install是帮助安装 vue,或React到本地，npm install也可以安装vue,React的开发工具。当然你完全可以像jQuery一样自己找网站下载下来，在页面中引入。
2,没有npm可以使用vue，vue只是一个前端框架。
3，4，node是js的服务执行环境，前端常常借助 node帮助前端实现工程化。很多工具是基于node的，比如说你说的webpack,grunt。
5，webpack,grunt是前端工程化的工具，可以帮助前端完成混淆压缩，校验等工作。
6，7，实战中没用过，请参考官方文档http://cn.vuejs.org/v2/guide/...
8，可以单纯的利用 php+vue或者php+react开发。
9，最后一个问题太大，可以写本书。而且老实讲，一切都需要实战中才能有更深的体会。
最后总结一下：
前端圈所谓得“乱”，一个是近些年前端框架层出不穷，工程化，解决方案越来越多，已经脱离了一般人认为的那个“好单纯好不做作”的前端。就像后端开发有很多工具协作开发一样，前端也需要越来越多的工作完成前端面临巨大的工作量。 前端的行业发展已经不是那种后端在php,jsp中写一些html,前端来写一些css来完成工作的阶段。老实讲，我现在80%的时间在写js。前端已经不是后端开发的最后一步甚至“附属品”，而成为真正意义的“客户端”。复杂度也就慢慢和app等客户端越来越接近。
总的来说，你还是可以按照原先的开发方式来开发自己的应用，当然考虑引进工具一些先进的理念方法来协助开发。node,webpack,vue这些概念不应该成为自己开发中的阻碍，而是在自己在面临一些问题时的利剑。这些概念的学习需要一天一天的来，毕竟一口吃不成个胖子 ：)