Angular2快速入门-1.创建第一个app

一、环境搭建

Angular2 运行在nodejs 环境下，需要我们先创建好nodejs环境，具体操作

1.下载安装Nodejs,参考网址，https://nodejs.org/en/ 选择64位，下一步到完成。
安装后，在命令行 ，执行 node -v ，可以查看到当前版本，确保当前版本>node 6.9.x
2.安装npm， 最新版本的Nodejs 已经集成了npm ，你可以通过npm -v 查看当前版本





3.安装Angular CLI

npm install -g @angular/cli
至此，环境安装已经完成。

二、创建第一个app

命令行 cd 到 C:\lance\angulardemo 目录
执行命令行
ng new my-first-app
执行安装一段时间后，完成安装会出现如下界面



此时已经安装完成，可以查看文件夹目录如下

三、编辑并启动第一个app

1. 用VS Code 打开文件 my-first-app（推荐使用VS Code编辑Angular2，如果没有安装可以下载个，功能很强大，而且文件不是很大）， 这就是我们创建的第一个app



2. 打开 app.component.ts,修改title 值为“my first app”



3. 执行命令

cd my-first-app
ng server --open



浏览器自动打开 如下



至此，我们完成了自己的第一个app.

补充说明：
ng serve 命令会启动开发服务器，监听文件变化，并在修改这些文件时重新构建此应用。
参数 --open 或者（-o）参数可以自动打开浏览器并访问 http://localhost:4200/