- Angular7 教程
- Angular7 - 主页
- Angular7 - 概述
- Angular7 - 环境设置
- Angular7 - 项目设置
- Angular7 - 组件
- Angular7 - 模块
- Angular7 - 数据绑定
- Angular7 - 事件绑定
- Angular7 - 模板
- Angular7 - 指令
- Angular7 - 管道
- Angular7 - 路由
- Angular7 - 服务
- Angular7 - Http 客户端
- Angular7 - CLI 提示
- Angular7 - 表单
- 材料/CDK-虚拟滚动
- Angular7 - 材质/CDK - 拖放
- Angular7 - 动画
- Angular7 - 材料
- 测试和构建 Angular7 项目
- Angular7 有用资源
- Angular7 - 快速指南
- Angular7 - 有用的资源
- Angular7 - 讨论
Angular7 - 环境设置
在本章中,我们将讨论 Angular 7 所需的环境设置。要安装 Angular 7,我们需要以下内容 -
- Nodejs
- 尼普
- 角度 CLI
- 用于编写代码的 IDE
Nodejs
要检查您的系统上是否安装了nodejs,请在终端中输入node -v 。这将帮助您查看系统上当前安装的 Nodejs 版本。
Nodejs 必须大于 8.x 或 10.x,npm 必须大于 5.6 或 6.4。
C:\>node –v v10.15.1
如果它没有打印任何内容,请在您的系统上安装nodejs。要安装nodejs,请进入nodejs主页https://nodejs.org/en/download/并根据您的操作系统安装软件包。
Nodejs的主页如下 -
根据您的操作系统,安装所需的软件包。一旦安装了nodejs,npm也会随之安装。要检查 npm 是否已安装,请在终端中输入 npm –v,如下所示。它将显示 npm 的版本。
C:\>npm –v 6.4.1
在 Angular CLI 的帮助下,Angular 7 安装非常简单。访问 Angular 主页https://cli.angular.io/获取命令参考。
在命令提示符中键入npm install –g @angular/cli,以在系统上安装 Angular cli。安装需要一段时间,完成后您可以使用以下命令检查版本 -
ng version
它将显示 Angular-cli 的版本详细信息以及其他软件包的版本,如下所示 -
我们已经完成了 Angular 7 的安装。您可以使用您选择的任何 IDE(即 WebStorm、Atom、Visual Studio Code)开始使用 Angular 7。
项目设置的详细信息将在下一章中解释。