首页 > 其他 > 详细

Angular2快速入门-第一篇

时间:2017-11-22 12:30:16      阅读:246      评论:0      收藏:0      [点我收藏+]

一、环境搭建

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/

 

Angular2快速入门-第一篇

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!