从AngularJS2谈到前台开发工程化

才刚刚对AngularJS有些了解，又听闻AngularJS2早就铺天盖地了，AngularJS3刚刚夭折，AngularJS4今年已经发布了，还是学习先下AngularJS2吧，据说更加适合以移动为主的开发，AngularJS4也是兼容2的。刚看一点点资料，就了解到还有个TypeScript,原来AngularJS2 基于TypeScript进行开发。

看来TypeScript才是新鲜货，先贴个代码看看

class Student {
    fullName: string;
    constructor(public firstName, public middleInitial, public lastName) {
        this.fullName = firstName + " " + middleInitial + " " + lastName;
    }
}

interface Person {
    firstName: string;
    lastName: string;
}

function greeter(person : Person) {
    return "Hello, " + person.firstName + " " + person.lastName;
}

var user = new Student("Jane", "M.", "User");

document.body.innerHTML = greeter(user);

有后台基础开发人员一看就喜欢，采用VS2013（需要安装组件），编译以后就是规范的JS代码。

学习TypeScript的语法规范基本没啥难度，主要是各种各样的工具（Grunt\Gulp\NPM\Bower）、命令，还需要安装node.js等等，前台开发早已经工程化，需要管理引用，需要编译代码。想一步就跳入到前台开发的行列还是颇有难度。为了方便开发人员在Visual Studio这个集成环境中使用这些工具进行开发，微软出了白皮书。

下载白皮书下载地址：http://www.microsoft.com/en-us/download/details.aspx?id=46417