Angular 7的安装
要在你的机器上安装Angular 7,你必须要求在你的机器上安装以下东西。
- 安装Visual Studio Code IDE或JetBrains WebStorm。
- Install Node.js
- 使用npm来安装angular cli
按照以下步骤设置Angular 7环境:
第1步:安装Visual Studio Code IDE(或JetBrains WebStorm)。
Visual Studio Code很轻,很容易设置,它有大量的内置IntelliSense功能。它是免费使用的。它还提供了大量的扩展功能,将大大增加性能。
第2步:安装Node.js。
Node.js管理的npm依赖项在加载特定页面时支持一些浏览器。它提供必要的库来运行Angular项目。它还为localhost(本地机器)的运行时环境提供服务。
要下载Node.js ,按照下面的截图。
步骤3:使用npm安装angular cli。
打开你的VS Code IDE,选择一个文件夹作为项目的路径,并通过选择文件->打开文件夹在VS Code上打开它。
运行以下命令来安装angular CLI。
npm install -g @angular/cli
它将加载angular cli,在那里我们将使用ng命令来做进一步的操作。
要创建Angular应用程序,请按照Angular cli安装后的步骤进行:
第1步:制作和运行FirstApp。
现在,在CLI的帮助下,我们准备开始建立新的默认项目。要做到这一点,在终端上写下以下命令。
ng new <project-name>
例如: ng new FirstApp
这将创建所有的设置和文件,以及一个默认的angular页面。注意这个图,对于每个项目,它都会询问是否启用路由,以及我们想要选择的样式(CSS、SCSS、Stylus)。如果应用程序包含多个链接的组件,请为路由选择是。当一切都完成后,我们将看到一个名为FirstApp的目录将出现在左边的目录栏中。
步骤2:现在在本地服务器上运行它。要做到这一点,首先使用cd命令导航到项目文件夹,并在终端上写下以下命令。
cd FirstApp
- -o标志用于自动打开浏览器。
- o代表开放。
ng serve -o