你的位置:首页 > 软件开发 > Java > [AngularJS 2 实践 一]My First Angular App

[AngularJS 2 实践 一]My First Angular App

发布时间:2016-10-10 23:00:07
最近一直在看关于AngularJS 2的资料,查看了网上和官网很多资料,接下来就根据官网教程步骤一步步搭建我的第一个Angular AppAngularJS 2说明请参考:http://cnodejs.org/topic/55af2bc4911fb957520eacef官网教程地 ...

最近一直在看关于AngularJS 2的资料,查看了网上和官网很多资料,接下来就根据官网教程步骤一步步搭建我的第一个Angular App

AngularJS 2说明请参考:http://cnodejs.org/topic/55af2bc4911fb957520eacef

官网教程地址:https://angular.io/docs/ts/latest/quickstart.html

  1. 先直接在GitHub上下载Angular QuickStart Source,当然这个源码是直接运行不起来的。GitHub下载地址:https://github.com/angular/quickstart

[AngularJS 2 实践 一]My First Angular App

下载后直接解压,我这里解压到F:\StudyInfo\AngularJS2

[AngularJS 2 实践 一]My First Angular App

 

2.安装node.js 和 npm 注:版本要求node v4.x.x或跟高 和 npm 3.x.x 更高,到官网直接下载最新版本安装即可.这里只需要下载nodejs安装,自带npm版本。

node.js下载地址:https://nodejs.org/en/

[AngularJS 2 实践 一]My First Angular App

安装完成后检查版本输入命令: node -v  npm -v

[AngularJS 2 实践 一]My First Angular App

   3.按照官网的说明步骤需要一步步创建和配置APP项目,我这里直接GitHub下载解压省略了中间配置和创建步骤,直接到解压目录进行安装包

   详细配置可以查看官网和解压包查看

  官网:

[AngularJS 2 实践 一]My First Angular App

解压包:

[AngularJS 2 实践 一]My First Angular App

   切换到解压目录输入命令:npm install

[AngularJS 2 实践 一]My First Angular App

输入命令后需要等待一会,会出现一些警告信息,不要管它

[AngularJS 2 实践 一]My First Angular App

安装完成后输入命令:npm run typings install

[AngularJS 2 实践 一]My First Angular App

   4.启动APP

   输入命令:npm start

  [AngularJS 2 实践 一]My First Angular App

  HTML代码:

  [AngularJS 2 实践 一]My First Angular App

  运行成功

[AngularJS 2 实践 一]My First Angular App

 

 

 

 

  

 

 


 

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com

原标题:[AngularJS 2 实践 一]My First Angular App

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。