在Windows下安装Node.js及环境配置

2017-12-22 11:46:28来源:CSDN作者:xiejinwen人点击

分享

在Windows下安装Node.js及环境配置

最近又开始捡回来了以前学过的webpack,在进行webpack的使用时,首先我们要先保证自己的电脑有安装好node.js并配置好了环境。现在就记录一下自己安装及配置node.js的过程,以备后期查阅; 
重要说明一下,这篇文章不是自己原创,只是在原文的基础上修改一下,因为现在的版本已经升级了,原文地址:https://www.cnblogs.com/zhouyu2017/p/6485265.html 
首先在官网上下载好node.js: https://nodejs.org/en/download/ 
直接点击就能下载到; 
这里写图片描述

然后直接点击自己下载好的文件安装,一直Next就好;以下就安装流程:

这里写图片描述

勾选复选框,点击【Next】按钮

这里写图片描述

修改好自己要安装的目录后,点击【Next】按钮

这里写图片描述

这里写图片描述

安装完后点击【Finish】按钮完成安装

这里写图片描述

至此Node.js已经安装完成,可以先进行下简单的测试安装是否成功了,后面还要进行环境配置 
在键盘按下【win+R】键,输入cmd,然后回车,打开cmd窗口

这里写图片描述

输入: node -v // 显示node.js的版本说明 
输入: npm -v // 显示npm的版本,说明node有自带安装好了

这里写图片描述

进入自己的安装目录下就能够看到如下图所示,忽略上面的两项,接下来会有说明:

这里写图片描述

接下来就是配置node.js的环境了: 
这里的环境配置主要配置的是npm安装的全局模块所在的路径,以及缓存cache的路径,之所以要配置,是因为以后在执行类似:npm install express [-g] (后面的可选参数-g,g代表global全局安装的意思)的安装语句时,会将安装的模块安装到【C:/Users/用户名/AppData/Roaming/npm】路径中,占C盘空间。 
例如:我希望将全模块所在路径和缓存路径放在我node.js安装的文件夹中,则在我安装的文件夹【D:/Develop/nodejs】下创建两个文件夹【node_global】及【node_cache】如下图:

这里写图片描述

创建完两个空文件夹之后,打开cmd命令窗口,输入 
npm config set prefix “D:/nodeJs/node_global” 
npm config set cache “D:/nodeJs/node_cache” 
注意:命令与路径是存在空格的

这里写图片描述

接下来设置环境变量,关闭cmd窗口,“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”

进入环境变量对话框,在【系统变量】下新建【NODE_PATH】,输入【D:/nodeJs/node_global/node_modules】,将【用户变量】下的【Path】修改为【D:/nodeJs/node_global】

这是系统变量的: 
这里写图片描述

这是用户变量的:

这里写图片描述

配置完后,安装个module测试下,我们就安装最常用的express模块,打开cmd窗口, 
输入如下命令进行模块的全局安装: 
npm install express -g # -g是全局安装的意思

安装完成后可以进入自己刚才设置的全局文件夹下,D:/nodeJs/node_global/node_modules/express 
就能看到:

这里写图片描述

至此说明我们的环境是有配置好了的

最新文章

123

最新摄影

闪念基因

微信扫一扫

第七城市微信公众平台