Angular从零到一
上QQ阅读APP看书,第一时间看更新

1.2 环境配置要求

Angular 2需要node.js和npm,我们下面的例子需要node.js 6.x.x和npm 3.x.x,请使用node -v和npm -v来检查,Mac下建议采用brew安装node。由于众所周知的原因,npmjs.org的站点访问经常不是很顺畅,这里给出一个由淘宝团队维护的国内镜像npm.taobao.org/。安装好node后,请输入npm config set registry registry.npm.taobao.org来改变默认的npm查找包的站点,加快访问和下载速度。Mac和Linux环境可能需要在我们提到的命令前加sudo。

和官方快速起步文档给出的例子不同,我们下面要使用Angular团队目前正在开发中的一个工具Angular CLI。这是一个类似于React CLI和Ember CLI的命令行工具,用于快速构建Angular 2的应用。它的优点是进一步屏蔽了很多配置的步骤,自动按官方推荐的模式进行代码组织,自动生成组件/服务等模板以及更方便地发布和测试代码。由于目前这个工具还在beta阶段,安装时请使用npm install -g angular-cli@latest命令。

IDE的选择也比较多,免费的有Visual Studio Code和Atom,收费的有WebStorm。我们这里推荐采用Visual Studio Code,可以到code.visualstudio.com/下载Windows/Linux/MacOS版本。需要注意这个可不是Visual Studio,不是那个庞大的IDE,别下载错了。

安装完以上这些工具,开发环境就部署好了,下面我们将开始Angular 2的探险之旅。