Angular 快速入门

之前做过一些 AngularJS 的小型项目，用的工具和流程却大多是过时的一套，大半精力也仍花费在后台业务逻辑。时至今日虽然晚了一些，打算跟上时代，尝试一下 Angular 的开发。

有几个关注点：

• 以 Angular 4 入手，系统学习 Angular 框架的概念与机制
• 完全的前后端分离
• 使用 Angular CLI 创建模板
• 借助 VSTS 管理项目代码与发布
• Angular 部分完全使用 VS Code 开发

Angular 4 并不是最新版本，大版本升级的周期是每6个月，但从 Angular 2 起每个大版本都能基本兼容，Angular 4 的文档也相对丰富，故选择从这里开始。完全前后端分离可以更高效分工，带来一系列好处，如提高团队合作效率。而 Angular CLI 几乎已经成为默认的选项，这次也打算应用。至于 VSTS，最近的项目经历感觉没有最大程度发挥其价值，所以希望在也与项目中进一步探索其可能性。VS Code 虽已成为自己的常用工具，但能否完全担当起开发之职，也会是这次的一个课题。

起动步骤极为简单。

在安装 Node.js 后，通过命令行安装 Angular CLI：

CD 定位至希望的文件夹后，新建 Angular 项目：

运行新建的项目，并以 open 选项打开浏览器页面，默认端口为4200：

此时，通过 VS Code 对代码做任何修改并保存后都会立即体现在程序上。

至此，尝试 Angular 的第一步已经踏出。今后将不定期更新心得感想。