Angular2快速入门-第一篇

时间：2017-11-22 13:01:07 阅读：213 评论：0 收藏：0 [点我收藏+]

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

1.下载安装Nodejs,参考网址，https://nodejs.org/en/ 选择64位，下一步到完成。

安装后，在命令行，执行 node -v ，可以查看到当前版本，确保当前版本>node 6.9.x

2.安装npm，最新版本的Nodejs 已经集成了npm ，你可以通过npm -v 查看当前版本
技术分享图片

npm install -g @angular/cli

至此，环境安装已经完成。

命令行 cd 到 C:\lance\angulardemo 目录

执行命令行

ng new my-first-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/

原文地址：http://www.cnblogs.com/clc2008/p/7878526.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行