01-windowns安装Node.js及其环境配置

1、安装步骤简述

node.js简述: 

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

新版的Node.js已自带npm,安装Node.js时会一起安装,npm的作用就是对Node.js依赖的包进行管理,也可以理解为用来安装/卸载Node.js需要装的东西

1、下载Node.js
2、解压
3、环境配置
4、测试
5、配置镜像


 

2、下载Node.js

1、下载地址::  https://nodejs.org/en/download/

2、下载自己系统对应的Node.js版本,此处我选择64位免安装版的Node.JS。(如果是安装版,傻瓜式安装即可,安装路径可以修改一下,尽量不要安装到C盘)


 

3、解压

将下载的zip压缩包解压,放到某个盘符下,此处解压到D盘中,如图


4、环境配置

环境配置主要配置的是npm安装的全局模块所在的路径,以及缓存cache的路径,之所以要配置,是因为以后在执行类似:npm install express [-g] (后面的可选参数-g,g代表global全局安装的意思)的安装语句时,会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中,占C盘空间。


4.1、配置npm安装的全局模块所在的路径,以及缓存cache的路径

1、此处我让全模块所在路径和缓存路径放在我node.js解压的文件夹中,则在我安装的文件夹【D:\Program Files\Nodejs】下创建两个文件夹【node_global】及【node_cache】如下图:

2、创建完两个空文件夹之后,win+R,输入cmd,打开命令窗口

 

3、分别输入下面两条命令,如图

npm config set prefix "D:\Program Files\Nodejs\node_global"
npm config set cache "D:\Program Files\Nodejs\node_cache"

4、使用命令:npm config ls  查看是否配置成功(也可使用:npm config ls -l ,查看详细信息),如图,如果路径正确,说明设置成功


4.2、设置环境变量

1、【此电脑】---右键---【属性】---【高级系统设置】---【高级】---【环境变量

2、在环境变量对话框中

2.1、系统变量

系统变量】下新建【NODE_HOME】变量,并且配置【Path】变量

1、新建【NODE_HOME】变量

新建【NODE_HOME】,并且输入【自己Node.js的安装/解压路径

此处我的是【D:\Program Files\Nodejs】,如图

2、配置【Path

点击【Path】,再点击【编辑】

在【Path】中新建【%NODE_HOME%】、【%NODE_HOME%\node_global】、【%NODE_HOME%\node_global\node_modules】,新建完成后点击确定,如下图

2.2、用户变量

用户变量

点击【用户变量】下的【Path】,在点击【编辑】,

在【Path】中新建,输入【自己Node.js的安装/解压路径下node_global的路径

此处我的是【D:\Program Files\Nodejs\node_global】,新建完成后点击确定,如下图

最后一路【确定】关闭窗口


 

5、测试

1、查看node.js的版本和npm的版本

win+R,输入cmd,分别输入:node  -v 和 npm -v

能够查看到版本号说明路径配置成功


2、测试module的安装

安装最常用的express模块,打开cmd窗口,输入如下命令进行模块的全局安装:

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

安装完成后,可以看到express模块安装在我们刚才配置的全局模块路径的文件夹中

注意:如果安装时不加 -g 参数,就会安装在当前路径下的node_modules文件夹中,该文件夹不存在会自动生成,所以安装的时候必须跟上 -g 参数


 

6、配置镜像

配置npm镜像为国内镜像

npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global

查看是否配置成功,使用命令:npm config ls  查看,如图,配置一致说明配置成功

其他镜像:

说明:通过npm安装模块时都是去国外的镜像下载的,网络比较慢,有的时还会导致安装模块失败,所以可以国内的镜像。

1、阿里的cnpm镜像,使用说明:http://npm.taobao.org/

2、其实更推荐大家用yarn,因为更快,使用说明:https://yarnpkg.com/zh-Hans/docs/install

猜你喜欢

转载自blog.csdn.net/zhuzbYR/article/details/111405634