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

1、 node.js下载

Node.js入门教程:在windows和Linux上安装配置Node.js图文教程,node.js安装配置

本章节我们将向大家介绍在window和Linux上安装Node.js的方法。

本安装教程以Node.js v0.10.26 版本为例。

Node.js安装包及源码下载地址为:

图片 1

根据不同平台系统选择你需要的Node.js安装包。

注意:Linux上安装Node.js需要安装Python 2.6 或 2.7 ,不建议安装Python
3.0以上版本。

Windowv 上安装Node.js

Windows 安装包(.msi) :

32 位安装包下载地址 :

64 位安装包下载地址 :

安装步骤:

步骤 1 : 双击下载后的安装包 node-v0.10.26-x86.msi,如下所示:

图片 2

步骤 2 : 点击以上的Run(运行),将出现如下界面:

图片 3

步骤 3 : 勾选接受协议选项,点击 next(下一步) 按钮 :

图片 4

步骤 4 : Node.js默认安装目录为 “C:\Program Files\nodejs\” ,
你可以修改目录,并点击 next(下一步):

图片 5

步骤 5 : 点击树形图标来选择你需要的安装模式 , 然后点击下一步
next(下一步)

图片 6

步骤 6 :点击 Install(安装) 开始安装Node.js。你也可以点击
Back(返回)来修改先前的配置。 然后并点击 next(下一步):

图片 7

安装过程:

图片 8

点击 Finish(完成)按钮退出安装向导。

图片 9

检测PATH环境变量是否配置了Node.js,点击开始=》运行=》输入”cmd” =>
输入命令”path”,输出如下结果:

复制代码 代码如下:

PATH=C:\oraclexe\app\oracle\product\10.2.0\server\bin;C:\Windows\system32;C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0\;c:\python32\python;C:\MinGW\bin;C:\Program
Files\GTK2-Runtime\lib;C:\Program Files\MySQL\MySQL Server
5.5\bin;C:\Program
Files\nodejs\;C:\Users\rg\AppData\Roaming\npm

我们可以看到环境变量中已经包含了C:\Program Files\nodejs\

检查Node.js版本

图片 10

Windows 二进制文件 (.exe)安装 :

32 位安装包下载地址 :

64 位安装包下载地址 :

安装步骤

步骤 1 : 双击下载的安装包 Node.exe ,将出现如下界面 :

图片 11

点击 Run(运行)按钮将出现命令行窗口:

图片 12

版本测试

进入 node.exe 所在的目录,如下所示:

图片 13

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

Linux上安装 Node.js Ubuntu 安装

以下部分我们将介绍在Ubuntu Linux下安装 Node.js 。
其他的Linux系统,如Centos等类似如下安装步骤。

在 Github 上获取 Node.js 源码:

图片 14
图片 15

在完成下载后,将源码包名改为 ‘node’。

图片 16

修改目录权限:

图片 17

使用 ‘./configure’ 创建编译文件。

图片 18

编译: make。

图片 19

完成安装: make install。

图片 20

最后我们输入’node –version’ 命令来查看Node.js是否安装成功。

图片 21

centOS下安装nodejs

1、下载源码,你需要在:

复制代码 代码如下:

cd /usr/local/src/wget

2、解压源码

复制代码 代码如下:

tar zxvf node-v0.10.24.tar.gz

3、 编译安装

复制代码 代码如下:

cd node-v0.10.24./configure –prefix=/usr/local/node/0.10.24makemake
install

4、 配置NODE_HOME,进入profile编辑环境变量

复制代码 代码如下:

vim /etc/profile

设置nodejs环境变量,在export PATH USER LOGNAME MAIL HOSTNAME HISTSIZE
HISTCONTROL
一行的上面添加如下内容:

复制代码 代码如下:

#set for nodejsexport NODE_HOME=/usr/local/node/0.10.24export
PATH=$NODE_HOME/bin:$PATH

:wq保存并退出,编译/etc/profile 使配置生效

复制代码 代码如下:

source /etc/profile

验证是否安装配置成功

复制代码 代码如下:

node -v

输出 v0.10.24 表示配置成功

npm模块安装路径

复制代码 代码如下:

/usr/local/node/0.10.24/lib/node_modules/

注:Nodejs
官网提供了编译好的Linux二进制包,你也可以下载下来直接应用。

AngularJS 2说明请参考:

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

nodejs 怎在windows上开发

node.js 是有windows实现版本的,请到它的官网node.org下载。有两种
exe和msi都可以使用。
下载后安装和正常软件安装一样。使用方法:
在开始菜单打开,选择 Node.js command prompt
,它自动帮你加入了环境变量,直接可以使用 node 和npm命令。
node命令: node (空格)js程序,请用绝对地址。其他参数可以用node
-h查看,有详细的解释
npm命令:npm是node安装第三方模块的命令,使用非常简单npm install
模块名即可。其他参数可以可以使用npm -h 查看
这里npm的模块都必须在npm.org上注册使用。
另外在提供一个中文社区 cnodejs.org不错的中文社区。也提供中文文档。

还有一点关于平台选择,其实并不是linux好,node的核心事件驱动机制在linux使用的是模拟的libev+libeio库模拟的,而windows则本身就提供了系统调用,性能据测试过的人数据是windows占大优势的。当然这并不影响你在windows和linux使用node.js,他是完全跨平台的!

顺带提供一个新手快速入门:
1、新建一个文件,命名为 first.js
2、文件里面写入:
var http = require(‘http’);http.createServer(function (request,
response) { response.writeHead(200, {‘Content-Type’: ‘text/plain’});
response.end(‘Hello World\n’);}).listen(8124);console.log(‘Server
running at localhost’); 3、在命令狂输入 运行后,在“小黑框”会显示:Server
running at localhost,这时候在输入localhost:8124 即可显示Hello
World。这样就搭建起一个简单的web服务器了。

 

官网教程地址:

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

nodejs的程序,在windows下只可以通过命令行运行,怎加载到服务里?

对程序猿而言,命令行足矣
 

本章节我们将向大家介绍在window和Linux上安装Node.js的方法。
本安…

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

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

图片 22

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

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

图片 23

图片 24

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

 

附命令行的常见操作:

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

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

node.js下载地址:

2) 转到某个盘下 F:

图片 25

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

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

4) 回到上级目录 cd..

图片 26

(我电脑是32位的,下的是

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

2、npm

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

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

  官网:

图片 27

图片 28

3、express

解压包:

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

图片 29

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

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

npm install -g express-generator

图片 30

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

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

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

图片 31

npm install(安装express及依赖)

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

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

图片 32

访问 出现熟悉的Welcome to Express,证明安装成功。

   4.启动APP

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

   输入命令:npm start

图片 33

  图片 34

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

  HTML代码:

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

  图片 35

您可能感兴趣的文章:

  • NodeJS、NPM安装配置步骤(windows版本)
    以及环境变量详解
  • NodeJs安装npm包一直失败的解决方法
  • Nodejs中 npm常用命令详解
  • nodejs npm
    package.json中文文档
  • nodejs
    npm包管理的配置方法及常用命令介绍
  • nodejs npm
    install全局安装和本地安装的区别
  • 关于Mac下安装nodejs、npm和cnpm的教程

  运行成功

图片 36

 

 

 

 

  

 

 

相关文章