Angular 学习（一）：Angular 开发环境准备与搭建

开发环境准备

安装 NodeJs

Angular 需要 Node.js 的 8.x 或 10.x 版本。

下载地址： https://nodejs.org/dist/v10.15.3/node-v10.15.3-x64.msi

安装 Python

在安装 Python 时，版本请选择 2.7.x（如果是 python3 以上的， 可能会影响 node 插件的安装）

下载地址： http://www.python.org/ftp/python/2.7.3/python-2.7.3.msi

上述安装完成后，上述安装完成后，打开命令行窗口 (cmd)，输入命令：

node -v: 查看 nodeJs 版本

python -v： 查看 python 版本

若出现版本号说明安装成功。

搭建 Angular CLI

在搭建 Angular 脚手架前， 需要设置淘宝镜像。由于 npm 安装插件是从国外服务器上下载，受网络影响很大，可能会出现异常。所以需要设置淘宝镜像，这样资源就从国内服务器上下载，速度也会很快。

• 设置淘宝镜像

npm config set registry http://registry.npm.taobao.org

• 安装 Angular CLI

默认安装最新的版本，可在命令后面跟上版本号，安装指定的版本

npm install -g @angular/cli 

或

npm install -g @angular/cli@版本号

• 查看 Angular CLI 版本号，验证是否安装成功

ng v

• 卸载 Angular CLI

npm uninstall -g @angular/cli

• 清除 Angular CLI 缓存

npm cache verify 缓存验证

npm cache clean --force 清除缓存

Angular 项目创建

ng new [项目名称]：创建一个 angular 项目

ng serve [–port 端口号] [–configuration=环境]：启动 angular 项目

Angular 项目打包

最新版的 CLI 加上 --prod 参数就自动 AOT 了，并且打包文件自动压缩。

ng build --prod

打包的时候也生成 source-map，帮助调使用。

ng build --prod --source-map