刚入手一台新电脑,又要从头开始装软件配环境,贼心塞。
什么是nodejs?
简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。Node.js 的包管理器 npm,是全球最大的开源库生态系统。
安装步骤
- 下载电脑系统对应的安装包
- 选择安装目录
- 配置环境
- 测试
一、下载nodejs包
官网地址:https://nodejs.org/zh-cn/download/,下载对应自己系统的包(我下载的是node-v12.16.1-x64)
二、开始安装
下载完成后,双击“node-v12.16.1-x64”,开始安装Node.js
上面一直点击Next按钮
如果不想安装在C盘,可以修改,然后继续Next
上面共有四大选项:
-
安装Node核心模块
-
安装npm
-
安装文档
-
把Node和npm及其模块添加到环境变量
上面点击Add to PATH 默认安装这四项就好了,如果不选,之后在cmd窗口想运行node、npm等执行程序会报错,系统找不到指定文件,当然也可以进行手动配置。然后继续Next......
这是在告诉你会给你自动安装2个工具:
-
构建工具(Python 2和Visual Studio构建工具)
-
Chocolatey
构建工具是因为一些npm模块需要使用C/C++编译,如果想要编译这些模块,则需要安装这个工具。如果不安装这个构建工具,在之后使用 npm 安装模块的时候,会报错:
gyp ERR! find Python
如果见到这个错误,知道是因为没有安装构建工具。
构建工具和 Chocolatey 都是必装的,如果现在没有安装,可以之后再手动安装,提示里已经给出了相关解释:https://github.com/nodejs/node-gyp#on-windows
该提示还告诉你 Chocolatey 会在后面弹出一个 cmd 来安装。
为了避免以后麻烦,这里强烈建议选择“Automatically install ...” ,然后 Next...
这个就没Next可选了哈,这一步就是告诉你,如果设置没问题了,就要开始安装了,点击Install进行安装。
如果系统弹出是否允许控制权限,记得点“是”。
这是在自动安装 Chocolatey。
如果选择了“Automatically install...”,按Finish之后,会弹出一个cmd,我们在cmd窗口“按任意键继续”,然后只要等待安装完成即可。
如果关闭cmd窗口或者没有选择“Automatically install...”,则按Finish之后安装步骤全部完成,不会弹出cmd窗口(不会安装Python 2和Visual Studio这2个工具)。
等待cmd窗口按任意键继续,然后等待自动安装完成,安装就结束了。
检查是否安装成功
方法1:安装完成后,查看安装目录,会发现目录下已经有我们安装的node和npm,具体:
node.exe 我们需要的node
npm 我们需要的npm
npx npm的二进制文件执行工具
node_modules 模块文件夹
方法2:安装完成后打开 cmd(或powershell),输入命令 node -v
或者 npm -v
来查看node当前版本号或者npm当前版本。
> node -v v12.16.1 > npm -v 6.13.4
常见错误
常见错误1:
‘npm’不是内部或外部命令,也不是可运行的程序
这是因为没有指定运行文件的位置,所以cmd找不到这个运行文件,可以手动添加 Windows 环境变脸。
手动配置 Windows 环境变量:
如果 没有选择“把Node和npm及其模块添加到环境变量”,那在使用npm或者node命令的时候,因为cmd找不到运行程序,这时候需要可以手动配置 Windows 环境变量。(当然,还可以卸载了重新装,记得把所有安装都装上)
前面说过,我的安装路径是 D:\develop\nodejs\,如果是默认安装路径则是C:\Program Files\nodejs\ ,所以我们要添加的环境变量就是这个路径,添加完成之后,Windows 系统就能通过环境变量找到这个执行文件。
操作方式:
-
右键“我的电脑”D
-
选择“属性”
-
在左侧栏选择“高级系统设置”
-
选中选项卡“高级”
-
点击右下角“环境变量(N)”
-
系统环境变量(s) ,双击变量名为“path”哪一行,添加 D:\develop\nodejs\(默认安装则是 C:\Program Files\nodejs\)
-
然后再打开 cmd 运行命令则一切正常。
> node -v
v12.16.1
> npm -v
6.13.4
这样目前看来一切都正常了,不过如果是选择自动添加环境变量的话,在“{user}的用户变量(U)”,也会配置一个环境变量。
双击“{user}的用户变量(U)”下的变量名为“Path”哪一行,添加值:
C:\Users\{user}\AppData\Roaming\npm
{user} 是你系统的当前用户名