在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
就能看到:
至此说明我们的环境是有配置好了的