素材巴巴 > 程序开发 >

Angular4创建第一个项目

程序开发 2023-09-05 17:55:00

【背景】

最近在学习Angular,刚接触一个东西最好的方法当然是多多的敲小demo了。

【步骤】

1.设置开发环境

 

在开始工作之前,我们必须设置好开发环境。

如果你的机器上还没有Node.js®和npm,请先安装它们。

请先在终端/控制台窗口中运行命令 node -v 和 npm -v, 来验证一下你正在运行 node  和 npm 的版本。 

然后全局安装 Angular CLI 。

 

npm install -g @angular/cli

2.创建新项目

 

 

打开终端窗口。

运行下列命令来生成一个新项目以及应用的骨架代码:

ng new my-app

3.启动开发服务器

进入项目目录,并启动服务器。安装相应的依赖包。

 

cnpm install


用ng serve (cnpm start)自动打开浏览器并访问http://localhost:4200/

 

本应用会用一条消息来跟你打招呼:

【说明】

 

谨以此文献给刚刚接触Angular的同胞们。


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。