likes
comments
collection
share

Nodejs安装及配置

作者站长头像
站长
· 阅读数 31

Node.js 下载

本文以node.js 16.14.2版本做演示,此版本要求操作系统为win8以上,如操作系统为win7,择可采用 12.18.4版本(亲测)或者采用其它12以下版本皆可

Node.js 安装

node.js简单安装

下载完成后,双击运行下安装包,开始安装,一直无脑安装,一直点 next 即可,安装路径默认事在 C:\Program Files 下,当然这里也可以自定义修改安装路径,但是对于新手来讲,非常非常不建议Nodejs安装及配置Nodejs安装及配置Nodejs安装及配置Nodejs安装及配置

Nodejs安装及配置Nodejs安装及配置安装完成后,我们安装的node.js会自动帮助我们配置环境变量。测试安装时候安装成功!打开cmd窗口,执行 node -v 命令,查看node.js版本

node -v
v16.14.2

执行 npm -v 命令,查看npm版本

npm -v
8.5.0

如图所示:Nodejs安装及配置

修改全局依赖包下载位置

默认情况下,我们在执行 npm install -g XXXX 下载全局包时,这个包的默认存放路径为 C:\Users\用户名\AppData\Roaming\npm\node_modules这里我们也可以通过 cmd 指令 npm root -g 查看

npm root -g
C:\Users\86186\AppData\Roaming\npm\node_modules

Nodejs安装及配置这时我们为了测试可以下载一个全局包

npm install -g @vue/cli

Nodejs安装及配置这里我们看到了,我们默认安装的目录下已经下载下来了

但是由于我们C盘存储的空间有限,有时我们不想将全局包放在这里,我们可以自己定义存放目录,在 cmd 窗口下可以执行以下两条命令修改默认路径:

npm config set prefix "D:\Software\develop\node\node_global"
npm config set cache "D:\Software\develop\node\node_cache"

或者打开 D:\Software\develop\node\node_modules\npm.npmrc修改如下配置:

prefix =D:\Software\develop\node\node_globalcache =D:\Software\develop\node\node_cache

配置完成后,我们再尝试的运行安装指令,查看是否安装到我们配置好的目录下

npm install -g @vue/cli

Nodejs安装及配置这里我们看到了,我们自己配置的安装目录下已经将依赖下载下来了

修改环境变量

修改环境变量 - path

我们更改了npm全局模块的存放路径,电脑系统是不知道我们这个目录的,所以我们需要配置环境变量,否则我们不能直接运用我们下载下来的依赖Nodejs安装及配置

新增环境变量 - NODE_PATH

Nodejs安装及配置修改之后关闭CMD窗口,然后重新打开,环境变量既生效

Node.js 配置

配置npm源

npm源,我们又叫npm仓库,默认是一个国外的服务器(https://www.npmjs.com/),在国内使用时,访问速度较慢,通常我们会在第一次使用时,配置一个国内的镜像服务器,在国内我们通常使用的是 https://registry.npm.taobao.org 这个镜像仓库。

配置npm镜像仓库指令
npm config set registry https://registry.npm.taobao.org
查看配置是否成功
npm config get registry

Nodejs安装及配置

效果如下,既配置国内镜像源成功

注意:无论你使用哪种操作系统,必须保证当前登录的用户具有最高访问权限,例如,在Windows操作系统中,请使用管理员模式的命令提示符,在Mac OS中,请使用 sudo 来执行以上命令。