Angular学习（一）：快速开始

本系列文章默认都是基于Angular4.X，以后不再说明，除非特别标注

Angular

安装nodejs

安装过程就不再啰嗦，傻瓜式安装。补充几点，安装好nodejs后，由于国内网络原因我们安装淘宝 NPM 镜像cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

使用方法与npm一致，如果需要可以自己设置npm全局模块的存放路径以及cache的路径，例如我放到nodejs安装目录下

npm config set prefix "D:\Program Files\nodejs\node_global"
npm config set cache "D:\Program Files\nodejs\node_cache"

千万注意，如果自己设置了全局模块存放路径，记得添加环境变量，直接在path下增加node_global这个文件夹的路径，我这里是"D:\Program Files\nodejs\node_global"

安装Angular CLI

cnpm install -g @angular/cli

可以查看下安装版本

ng -v

安装好以后我们接着把cnpm设置为默认包管理工具

ng set --global packageManager=cnpm

不设置这个，等下创建一个angular工程的时候会卡死，我们创建一个新的angular工程

ng new angular-app

耐心等待一会，创建成功后会在你当前路径下新生成一个angular-app文件夹

启动项目

cd angular-app
ng serve --open

输入上面两个命令后浏览器会自动打开，当你看到如下界面时，说明第一个angular项目已经完成

图1