Mac安装Angular并部署运行应用

先决条件

这里的最佳实践是在部署项目之前先在本地运行项目。要在本地运行项目，你需要在计算机上安装以下软件：

• Node.js.
  
• Angular CLI。在终端上，使用以下命令全局安装 Angular CLI：

content_copynpm install -g @angular/cli

• 借助 Angular CLI，你可以使用 ng 命令创建新的工作区、新项目、在开发过程中启动开发服务器，或生成要共享或分发的构建成果。
  

在本地运行你的应用

1.在左边的菜单中点击 Project 后面的 Download Project 图标，以下载你的 StackBlitz 项目源代码的 zip 包。

2.解包，并进入新创建的这个项目目录中。比如：

cd angular-ynqttp

3.使用以下 CLI 命令在本地运行你的应用：

ng serve

4.要在浏览器中查看你的应用，请访问 http://localhost:4200/。如果默认端口 4200 不可用，则可以使用端口标志指定另一个端口，如下所示：

To see your application in the browser, go to http://localhost:4200/. If the default port 4200 is not available, you can specify another port with the port flag as in the following example:

ng serve --port 4201

当启动了应用的开发服务器时，你可以编辑代码并在浏览器中查看对此更改的自动更新。要停止此 ng serve 命令，请按 Ctrl + c 键。

安装angular后，创建项目时，如果遇到timeout报错的时候，大概率是使用cnpm安装，需要重新卸载angular，重新使用npm安装。