Node.js实践一:node.js安装及环境配置之Windows篇

Node.js实践一:node.js安装及环境配置之Windows篇

一、Node.js简介

简单的说 Node.js 就是运行在服务端的 JavaScript。
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。
Node.js 使用高效、轻量级的事件驱动、非阻塞 I/O 模型。
Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。
Node.js 的包管理器 npm,是全球最大的开源库生态系统。
 

二、Node.js 安装与部署

2.1、安装环境

1、本机系统:Windows 10 Pro(64位)
2、Node.js:v6.9.2LTS(64位)

2.2 安装Node.js

1、下载对应你系统的Node.js 版本

:https://nodejs.org/zh-cn/download/, 我这里下载的是node-v14.15.1-x64.msi, 注意查看 LTS 日程(其中描述了各个版本的node.js 的维护期限。)

 
Node.js实践一:node.js安装及环境配置之Windows篇
注意: 主版本的 Node.js 进入 当前版 将持续六个月的时间,在此期间库作者可以对其进行支持。 六个月之后,奇数版本(诸如 9、11 等)将变为不支持状态,只有偶数版本(诸如 10、12 等)变成 活跃 LTS 状态,并且准备投入使用。 LTS 发布版的状态是“长期支持版”,这意味着重大的 Bug 将在后续的 30 个月内持续得到不断地修复。 上线应该仅使用 活跃 LTS 或者是 维护 LTS 版。
 
Node.js实践一:node.js安装及环境配置之Windows篇
 

2、进行安装 

按照部署时需要注意的是,同java一样,该体系讲究灵活,即Node.js 的安装目录可以更改,但需要自己手动添加。而非选择好目录后,自动带上默认的文件夹名(如Node),这一点应该是和微软等常用软件安装的一点区别; 
按照部署按照提示,下一步即可,安装结束后,会出现如下界面,按任意键继续。
Node.js实践一:node.js安装及环境配置之Windows篇

3、 安装完状态及验证

(1)安装完成后,目录结构如下:

Node.js实践一:node.js安装及环境配置之Windows篇

可以看到,node.js安装完毕后,在node_modules中会自动按照 npm 模块。且只有这一个。

Node.js实践一:node.js安装及环境配置之Windows篇

(2)安装完成后,“win键+R  —— cmd  ” 打开 cmd 窗口。可以通过node -v ; npm -v 命令来查看当时node 以及npm的版本; 如下图:

Node.js实践一:node.js安装及环境配置之Windows篇

2.3、环境配置(14及以上版本可忽略,因为本身已经设置好了)

npm 安装的全局模块所在的路径,以及缓存cache的路径,这样在执行 全局安装时,就可以安装在设置的目录下。 否则默认安装在cmd中的当前目录下;

(1)在  2.2 安装Node.js  我们可以看到,node.js 在安装后,会发现在文件夹中,自动生成一个 node_golbal的文件夹,通过命令查看可以发现,安装包已经自动做好了设置。参看下图:

Node.js实践一:node.js安装及环境配置之Windows篇

(2)通过安装 express  模块 来验证可以看出 node_cache 文件夹会自动创建,且在node_global 文件中会生成node_modules 目录下创建 express  模块;

Node.js实践一:node.js安装及环境配置之Windows篇

 Node.js实践一:node.js安装及环境配置之Windows篇Node.js实践一:node.js安装及环境配置之Windows篇

 

(3)手动配置方法:

我的安装目录下创建两个文件夹【node_global】及【node_cache】如下图:

Node.js实践一:node.js安装及环境配置之Windows篇

A.设置全局目录和缓存目录,创建完两个空文件夹之后,打开cmd命令窗口,输入

npm config set prefix "D:\ProfessinalTool\nodejs\node_global"  
npm config set cache "D:\ProfessinalTool\nodejs\node_cache"

 

B.设置环境变量,“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”(不推荐)
进入环境变量对话框,在【系统变量】下新建【NODE_PATH】,输入【D:\ProfessinalTool\nodejs\node_modules】  
将【用户变量】下的【Path】修改为【D:\ProfessinalTool\nodejs\node_global】

2.4、测试

2.4.1 安装的express模块

a.打开cmd窗口,输入如下命令进行模块的全局安装:

npm install express -g # -g是全局安装的意思

注:如果安装时不加 -g 参数,则安装的模块就会安装在当前路径下,上例若不加 -g 参数,则 express 模块会安装在cmd窗口中的当前目录下(默认为C:\Users\Administrator)。

b.安装 express-generator 模块

但express 本身不是一个可运行程序,需要安装 express-generator 模块,同样执行命令如下;(express版本中将命令工具分家出来了(项目地址:https://github.com/expressjs/generator)

npm  install express-generator -g 

则会在node_global/node_modules目录下创建出对应的模块

Node.js实践一:node.js安装及环境配置之Windows篇

Node.js实践一:node.js安装及环境配置之Windows篇

安装成功后,就可以使用 express 命令了, 这里查看下 express 的版本信息,如下图:

Node.js实践一:node.js安装及环境配置之Windows篇

否则,不安装express-generator的话,express就不是一个可执行的命令。在cmd中提示如下:

Node.js实践一:node.js安装及环境配置之Windows篇

2.4.2使用express创建一个工程

a、输入命令:express helloworld, 生成一个 helloworld  的应用程序,在cmd 命令提示行的当前目录下,即:C:\Users\Administrator\

Node.js实践一:node.js安装及环境配置之Windows篇 

Node.js实践一:node.js安装及环境配置之Windows篇

b、转到 helloworld 目录下,命令:cd helloworld

c、装载 node 包管理器,执行命令:npm install

Node.js实践一:node.js安装及环境配置之Windows篇

d、启动 helloworld,输入命令:npm start,如下图,新创建的 helloworld 已经运行在3000端口上

Node.js实践一:node.js安装及环境配置之Windows篇

e、在浏览器中输入地址:http://localhost:3000/,如下图,访问我们的第一个node web 网页。    

Node.js实践一:node.js安装及环境配置之Windows篇

Node.js实践一:node.js安装及环境配置之Windows篇

 至此,我们对于node.js从开始部署到第一个测试程序的建立和运行就完成了。通过这个实践,我们可以清楚的了解到node.js的整个运行原理和注意细节。

Node.js实践一:node.js安装及环境配置之Windows篇

上一篇:C# 进行图片压缩的示例代码(对jpg压缩效果最好)


下一篇:C# 技术体系简介