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安装。