前言

涉足Angular是从1.x的版本，几年间Angular已经从1.x迭代到了2.x、4.x在到现在的5.0， 发展非常的迅速，性能也得到了很大的提升，接下来我们会逐步带大家快速了解一下Angular 5.x的使用。

安装CLI

Angular 2.0开始提供了CLI命令工具，可以方便的管理和创建工程，这个CLI我们可以使用如下命令安装：

sudo npm install -g @angular/cli

注意：Angular CLI对Node 的版本有所要求（node 6.9.x and npm 3.x.x ），所以大家需要确认自己的Node版本，查看是否有警告信息：

ng --version

ng就是angular提供给我们的命令，接下来我们使用它管理项目。

创建工程

打开你的命令终端，使用如下命令创建一个工程：

ng new DemoApp

这里需要耐心的等一下，因为需要通过npm下载所有的依赖类库。

运行工程

创建好一个工程之后，我们运行一下：

cd DemoApp
ng serve --o

此时，会自动打开浏览器运行，–o即为open的意思。（已经不再需要我们自己配置运行脚本了，非常方便）

工程结构分析

创建好工程以后，我们会看到如下的结构目录：

下面我们逐一分析一下Src下面每个文件包的作用：

解释完src文件夹，我们再来看一下根目录下面，angular cli 帮助我们建立了哪些有用的配置文件：

总结

相对其他框架而言，Angular CLI提供给了我们丰富的配置以及架构支持，免去了一重复的劳作，值得学习。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!