【Angular】7.Angular8 如何用angular cli工具创建工程

前提条件:

在创建angular8项目之前,首先要先确认一下电脑有没有装node.js和npm包管理器。

Node.js

Angular需要Node.js版本10.9.0或更高版本。

(1)要检查你的版本,在终端或控制台窗口运行node -v

(2)要获取Node.js,请转到nodejs.org

npm包管理

Angular,Angular CLI和Angular应用都依赖于npm包中提供的特性和功能。要想下载并安装npm包,你必须拥有一个npm包管理器。一般安装完node会默认安装npm,在终端或控制台窗口中运行npm -v监测一下。

1.安装Angular CLI

安装全局的Angular CLI

npm install -g @angular/cli

【Angular】7.Angular8 如何用angular cli工具创建工程_第1张图片

2.创建工作空间和初始化应用

运行cli命令ng new创建工程

ng new my-app

【Angular】7.Angular8 如何用angular cli工具创建工程_第2张图片

3.测试Angular CLI有没有安装成功

如果出现下面字样,就证明安装成功!

【Angular】7.Angular8 如何用angular cli工具创建工程_第3张图片

4.运行应用

Angular CLI中包含一个服务器,方便你在本地构建和提供应用。转到workspace文件夹(my-app)使用cli命令ng serve和--open选项来启动服务器。

cd my-app
ng serve --open

或者 npm run start

【Angular】7.Angular8 如何用angular cli工具创建工程_第4张图片

你可能感兴趣的:(【Angular】)