话说现在angular更新迭代太快了，从前几年用angular版本去搭建项目时还是1.x版本，到现在都已经是angular4.0了（直接跳过了3.0），由于公司要求用到angular4.0，所以就不能只是了解一下了，谁让我那么热爱学习了（咳咳！此处有一个推眼镜的动作），废话不多说，直接上手，首先用到的工具会有angular4.0、angular-cli、npm(v3.10.8)、node(v6.2.0)
上述node和npm包管理器版本是我本机的版本号，这个版本不要太低应该都没问题
angular脚手架各版本
node和npm版本
接着，新建一个文件夹，随便命名，我这里就起了一个a
在本文中，我们将深入探讨如何从零开始搭建一个基于Angular 4.0的项目。Angular是一个流行的前端开发框架，由Google维护，它提供了强大的功能来构建动态和交互式的Web应用程序。随着版本的快速迭代，Angular 4.0带来了许多改进和优化，包括更快的性能和更小的打包体积。
你需要确保你的开发环境已经准备好。在这个例子中，使用的工具包括Angular 4.0、Angular CLI、npm（版本3.10.8）和Node.js（版本6.2.0）。尽管这些是作者本机的版本，但只要不是过于陈旧，大多数版本的Node.js和npm应该都能与Angular 4.0兼容。Angular CLI是Angular的命令行接口，它简化了项目创建、构建和测试的过程。
开始搭建项目，你需要在计算机上创建一个新的文件夹，比如命名为`angular4.0-demo`。这将是你的项目目录。然后，打开终端或命令提示符，并在该文件夹内运行以下命令来全局安装Angular CLI：
```bash
npm install -g @angular/cli
```
安装完成后，你可以通过输入`ng -v`来验证Angular CLI是否成功安装。这将显示CLI的版本和其他相关信息。
接下来，使用Angular CLI生成一个新的项目：
```bash
ng new 项目名称
```
这里替换`项目名称`为你想要的项目名。此命令会初始化一个新的Angular项目，包括所有的依赖项和项目结构。
一旦项目创建完成，导航到项目目录：
```bash
cd 项目名称
```
在这里，你会看到一些预设的文件和文件夹，它们构成了一个基础的Angular应用。为了启动开发服务器并开始工作，可以运行以下命令：
```bash
ng serve --open
```
这将自动编译项目，并在浏览器中打开，默认情况下是`http://localhost:4200/`。Angular CLI会监听文件变化，并在保存更改时自动重新编译和刷新页面，类似于Vue的`npm run dev`命令。
值得注意的是，Angular 4.0相比于AngularJS（即Angular 1.x）有显著的区别。其中一项关键的不同是，Angular 4.0引入了更好的模块化和组件化，使得代码更加可维护和可扩展。此外，Angular 4.0的模板语法和数据绑定也更加简洁。
搭建Angular 4.0项目的步骤包括安装Angular CLI、创建新项目、进入项目目录并启动开发服务器。完成这些步骤后，你便拥有了一个基础的Angular应用，可以开始添加组件、服务、路由等特性，构建出复杂的Web应用。继续深入学习Angular，了解其依赖注入、管道、表单处理、路由、动画等核心概念，将有助于你成为一名熟练的Angular开发者。
