前端攻城-开章篇

如今在前端领域在两年中发挥了翻天腹地的变化。

通过脑图，我们看看当前前端用到的技术。在以前会jQuery angularJS 基本算你懂前端，如今只会jQuery的前端只能说明你out了。

如下当前流行的前端技术,下面都是当今流行的前端技术战。随着CommonJS的发展，CommonJS的理念体现在nodeJS身上完全体现了出来，能让前端开发人员更多的涉足到后端的开发中。NodeJS的出现让javaScript得以在服务端终端跑起来，这将能让人到将会有很多有趣的事情将会发生。

好了，不扯了，作为一个菜鸟的我，现在知道了一堆当今流行的技术，但如何选择技术呢？这就是一个幸福的烦恼了。

我们就脑补一下，按JAVA那套来，先要知道让js在终端跑起来，必须要设计运行环境吧！好，提取观点（1）运行环境。运行环境有了，那就搭程序框架吧，JAVA我们会搭Spring的，但是在前端web在我们也需要一套开发框架吧！提取观点（2）开发框架。在JAVA中我呢要依赖jar包，我们可以用MAVEN Gradle 来做为包管理，前端要用什么做为包管理？提取观点（3）前端的包管理工具。

总结：1）运行环境：nodeJS 内部自带npm安装包管理器。

2）开发框架Express，作为前端的菜鸟，我们要攻陷前端，展开攻城之旅，先要用一套简单的框架，进行入门之旅。

3）构建工具，我们用比较流行的gulp

4）开发模版有jade ejs 等等，但为了减低学习成本，我还是决定用HTML

5)开发工具，采用高大上的IDEA .

用IDEA 新建一个Node EXpress 应用。

修改：

用Idea 新建一个ExpressJS 项目

修改 添加

var ejs = require("ejs");

// view engine setup

app.set('views', path.join(__dirname, 'views'));

app.set('view engine', 'ejs');

//=============================

修改为如下：

app.set('views', path.join(__dirname, 'views'));

app.engine('.html', ejs.__express);// 注意是2个下划线

app.set('view engine', 'html');

至此，就可以采用Node.js 作为服务端 Express 框架作为模版 + html 进行开发了。