首页 > > 网页制作 > Javascript >

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

2018-06-24 00:51:36来源：未知阅读 ()

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

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

命令行 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 serve --open

浏览器自动打开如下

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

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

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有

热门词条

最新资讯

热门关注

热门标签