Angular2项目搭建经历（1）

下面开始正片讲讲笔者强行使用ng2搭建起一个项目的经历。

1.预备知识

TypeScript语法与ES6新特性

写惯了jQ的话突然从ES5跳到ES6，又是个变形的ES6(TypeScript)，学习成本确实不低。不过笔者也是从ng1直接上手ng2，对很多新特性的积累基本是抄着ng2官网的快速起步捡起来的。

Webpack前端模块化

ng2的默认模块化工具是SystemJS，也是个很酷炫的模块化工具。但它也只是个模块化工具，只管帮你模块化代码不管打包压缩，这会导致项目运行过程中会不停的去请求module啊component啊service啊甚至component的模板html啊css啊全都得请求，还是未压缩的。所以SystemJS下的ng2拿来娱乐玩玩还不错，真要做产品还是得换Webpack上场(相比SystemJS的配置只需要一个.config.js而且是动态加载，Webpack则需要手动编译打包然后运行，其打包配置也是一门学问)。

前后端分离的SPA架构

这个不仅是ng2了，Web趋势如此，服务器只做WebApi，客户端算是个独立的应用。

ng1的一些架构思维

ng2相比ng1是强化了它好的地方，并修改了它不好的地方，抛开项目迁移的门槛与工作量，ng2一定是远强大与ng1的。其部分核心理念还是继承下来的，比如其组件、服务、依赖注入的概念。

npm基础

ng2在npm上维护，绝对是个好消息，至少保证了其生命力，不再是在页面上引用个*.min.js完事了(虽然强行这么做也还是可以)，不过这又要求开发者有一些npm使用的基础了，简单的包管理指令就足够。

待续。