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

1、 node.js下载

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

首先进入http://nodejs.org/dist/,这里面的版本呢,几乎每个月都出几个新的,建议大家下载最新版本,看看自己的电脑是多少位的,别下错了。

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

下载完解压到你想放的位置就好了,解压后你会发现里面有node.exe。我解压到了D:\software_install文件夹。

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

接下来去命令行,即点击电脑左下角的开始——>运行——>cmd。

图片 1

进入node.exe所在的目录,输入node
-v,查看你的node版本。我的路径如下图所示:

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

图片 2

图片 3

如果你获得以上输出结果,说明你已经成功安装了Node.js。

 

附命令行的常见操作:

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

1) 文件运行后,再次调出命令输入栏 用Ctrl+C

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

2) 转到某个盘下 F:

图片 4

3) 转到某个文件夹下 cd F:\nodeExamples

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

4) 回到上级目录 cd..

图片 5

(我电脑是32位的,下的是http://nodejs.org/dist/v7.0.0/node-v7.0.0-win-x86.zip。之所以提一下我下载的版本,是因为版本更新实在太快了,这文档过段时间很可能就不适用了。)

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

2、npm

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

新版的nodejs已经集成了npm,所以之前npm也一并安装好了。同样可以通过输入npm
-v,来测试是否成功安装。

  官网:

图片 6

图片 7

3、express

解压包:

这里有个需要注意的问题在4.x版本express 已经把命令行工具分离出来
(链接https://github.com/expressjs/generator)

图片 8

我们现在全局安装只需要安装这个命令行工具就可以,指令如下:

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

npm install -g express-generator

图片 9

这时我们就着手安装express框架,指令如下:

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

express(有一个你确定安装吗?键入y)

图片 10

npm install(安装express及依赖)

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

npm start(这里需要注意 express 4.x 无法以 node app.js
为启动方式,而是用指令 npm start 作为启动)

图片 11

访问http://localhost:3000/ 出现熟悉的Welcome to Express,证明安装成功。

   4.启动APP

或者在命令行键入express –version,如下图:

   输入命令:npm start

图片 12

  图片 13

如果你获得以上输出结果,说明你已经成功安装了express。

  HTML代码:

以上所述是小编给大家介绍的Windows系统下nodejs、npm、express的下载和安装教程详解,实现一个模拟后台数据登入的效果,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

  图片 14

您可能感兴趣的文章:

  运行成功

图片 15

 

 

 

 

  

 

 

相关文章