关于前端项目中的服务器

Question

可能这是一个小白问题，目前对服务器几乎一无所知，我们平时写简单的项目时可能直接打开一个index.html,里面引用一些css，js就可以在浏览器运行了。但是当我用angular2写项目的时候，发现我们需要加入node了,我们通过npm安装依赖，这时我们可能会通过npm start来启动诸如lite-server之类的服务器才能运行，无法直接打开index.html来运行了。我的问题是，1.有无node对一个前端项目意味着什么？2.为什么后者必须通过类似liteserver之类的服务器才能运行？3.它与线上服务器（nginx等）有什么区别和联系？希望可以详细回答下

Answer 1

怎么说呢，现在的前端自从有了node，就有了翻天覆地的变化。先不说从它身上诞生出来的webpack、gulp、grunt这些工具，还有vue、react等mvvm前端框架。举个例子来说，一个项目中用vuejs开发，那么首先要了解vue基础，接下来的开发可能就会用到vue-resource、vue-router、vuex,不仅要知道这些，你还要知道使用它们和webpack或者其他工具来配合开发，那么自然少不了对npm、命令行、nodejs熟悉，如果使用es6语法，要使用babel....。

说了那么多，我就是想说，2016年一大批前端工具和框架的涌入，虽然让前端看上去进步了不少，但对很多前端来说却是一种“折磨”，因为接触其中一个似乎就要等于接触所有才能明白它到底是什么，学习成本很大，更何况很多中小型公司还用不到这些主流的东西，那么有些人认为的使用基于node的前端工具开发很方便，其实对很多前端来说确是很不方便！
es6和es5差别太大，学习成本也高，真不知道，等es6普及的那一天，又会出来多少框架和工具。。。