第 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 bottom            

比如在index文件夹下生成一个子组件news

ng generate component index news

安装swiper插件

npm install swiper --save