第 1 步:安装 Angular CLI

你可以使用 Angular CLI 来创建项目、生成应用和库代码,以及执行各种持续开发任务,比如测试、打包和部署。

全局安装 Angular CLI。

要使用 npm 命令安装 CLI,请打开终端/控制台窗口,输入如下命令:

npm install -@angular/cli

第 2 步:创建工作空间和初始应用link

运行 CLI 命令 ng new 并提供 my-app 名称作为参数,如下所示:ng new my-app 

运行到第二步的时候发现node不是最新版本,所以需要升级node 具体操作查看另一篇文章:https://www.cnblogs.com/lynna/p/11969219.html

第 3 步:运行应用

Angular CLI 中包含一个服务器,方便你在本地构建和提供应用。

  1. 转到 workspace 文件夹(my-app)。

  2. 使用 CLI 命令 ng serve 和 --open 选项来启动服务器。

cd my-app

ng serve --open     

===============================================实战应用===========================

使用 Angular CLI 生成一个名叫 bottom 的新组件。   

ng generate component hero-detail                   

12-27 01:04