2016-10-17
把ng2官网angular.cn上的内容浏览一遍
紧接着开始看一些样例、脚手架,像ng2-admin、rebirth开源、angular2-webpack-starter
rebirth开源(http://greengerong.com/blog/2016/09/03/angular2-demo-rebirth/)是angular群主破狼写的,做了一些中文说明,个人觉得比较易懂,所以最先开始看,但是里面用了gulp,不想多用一个gulp再搭配webpack的方式去构建,所以没有再看,转而去看ng2-admin
ng2-admin(https://github.com/akveo/ng2-admin)里面集成了很多东西,可以称之为angular2的实践,想短时期内消化完是不可能,不过其主要意义在于借鉴,我可以通过这套学习如何组合各个模块,在以后开发的过程中也可以实时参考。今天看这个仓库最大的收获在于了解了ng2中如何解决插件依赖问题,Webpack引入jquery及其插件的几种方法:http://blog.csdn.net/yiifaa/article/details/51916560,之前这个问题也是一直困扰,其他外部插件也可以参考这个。
如果要想进行开始,还是要找脚手架才好,官网的那一套是最熟悉的,但是官网用的构建工具是system.js,这个还是太新太陌生,所以不想在那个的基础上去开发,选择去看看https://github.com/AngularClass/angular2-webpack-starter,这个脚手架集成了很多工具,是一个大而全的框架,现在我还不想学太多东西,想karma、tslint啥的,我需要的是快速入手,在angular2-webpack-starter中有一个angular2-seed的子项目,属于前期框架种子,集成的东西比较简单,只有最基本的wenpack、ts和angular2,也有router,满足我的需要,所以准备集中精力把那套框架摸熟了拿来用。
虽然集成的东西比较少,真正开始学习还是感到吃力,因为缺失的知识比较多,npm和webpack是绕不过的坎。期间还加入了ng2的微信交流群去请请教部署的问题,部署需要nginx或者node环境支持,这个后面看看,webpack输出的内容还是一无所知,感觉自己在这个学习过程中一直处于蒙圈的状态啊(抓狂)。要想完全运用自如还是要掌握webpack才行。
晚上准备再把ng2官网英雄教程再熟悉一遍,加深对ng2整体认识。然后就开始webpack的学习过程。