Angular4创建第一个项目

前端之家收集整理的这篇文章主要介绍了Angular4创建第一个项目前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

【背景】

最近在学习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的同胞们。

猜你在找的Angularjs相关文章