创建一个Angular项目的方法从0开始

首先

本文是为初学者准备的,将会解释Angular项目的环境设置和创建方法。

环境准备完成

请预先安装以下软件。

    • 開発IDE: WebStorm (任意)

NodeJs (必須)
Angular/Cli (必須)

在安装Node.js之后,您可以使用以下命令安装Angular/Cli。

使用npm全局安装@angular/cli:
npm install -g @angular/cli

如果想要指定版本并安装:
npm install -g @angular/cli@版本

请在安装完成后使用命令进行确认。如果出现以下类似信息,则表示一切都OK。

image.png

创建一个空白项目

用下面的命令创建一个空项目。

创建一个新的项目,例如:
ng new tasker

看了控制台后,我确认已经成功创建了。

启动

使用以下命令启动Angular项目。

运行ng serve

此外,如果您想更改端口,也可以使用以下命令。

请在端口4200上运行ng serve。

image.png

当你进行到这一步时,你就完成了创建一个Angular的空白项目。

最后

最近我开始学习Angular,结果在Github上创建并持续开发了一个开源项目。
https://github.com/Hyman1993/tasker
对于对前端感兴趣的大家,一起加油吧。

广告
将在 10 秒后关闭
bannerAds