Node.js 14.15 安装配置教程
- 进入Node.js官网进行下载,网址:https://nodejs.org/en/download/
因为是国外的网站,所以可能网站加载缓慢。部分浏览器可能禁用此网站上的某些控件,所以如下的过程如果发现网站上缺失某些界面选项,可以试试换个浏览器。
具体操作流程如图(请顺着图片用鼠标点击画红圈部分):
- 下载完并运行安装包就可以进行安装了,关键性操作流程如图(请顺着图片用鼠标点击画红圈部分):
(注意:安装时的安装路径中不能有空格。不要使用默认的安装路径,因为默认的安装路径中含 Program Files ,而 Program Files 包含空格。)
- 安装完成之后,应该会弹出若干个CMD或Shell窗体。对于这些窗体,直接一直按ENTER即可,这是为了下载一些配置文件等。此下载过程缓慢,请耐心等待。
- 如果Node.js安装成功,在CMD中分别输入以下命令应该可以分别查看node和npm的版本号:
npm -v
-
配置npm在安装全局模块时的路径和缓存cache的路径。此步骤并不是必要的,如果不跳过此步骤,以后使用全局命令的时候,会默认将模块安装在 C:\Users\用户名\AppData\Roaming 路径下的 npm 和 npm-cache 中,这将对以后配置路径和开发都带来麻烦。因此还是强烈建议不要跳过此步骤。
-
配置npm在安装全局模块时的路径和缓存cache的路径的方法是,在自己喜欢的目录下,分别新建文件夹 node_global 和 node_cache 来分别代表安装全局模块的文件夹和缓存cache的文件夹,并在CMD中输入以下命令来配置:
npm config set cache "C:\ProgramFilesNoSpaces\nodejs\node_cache"
- 设置Windows中的环境变量。关于设置Windows环境变量的方法,可见笔者的另一篇博客: 设置Windows环境变量的方法:https://blog.csdn.net/wangpaiblog/article/details/113532591
(设置完环境变量之后,必须重启CMD才会在CMD中生效)
- (已过时)环境变量如下:
-
变量名: NODE_PATH
变量值: C:\ProgramFilesNoSpaces\nodejs\node_global\node_modules -
变量名: Path (此为上面文件夹的node_global路径)
变量值: C:\ProgramFilesNoSpaces\nodejs\node_global
-
- 输入以下命令来修改登记处registry地址:
如果不进行此操作,则等同于输入了以下命令:
这样的结果是,之后使用npm安装国外的插件时,可能由于访问国外互联网的限制而失败报如下错误:
- 在CMD中输入以下命令来安装webpack:
- 在webpack 4之后,还需要再安装webpack-cli。安装webpack-cli的方法是,在CMD中输入以下命令:
- 实际上,这两个命令npm install XXX –g可以浓缩成一个:
- 上面的命令 npm install XXX -g 会导致将 webpack 、 webpack-cli 安装到上面通过 npm config set prefix “C:\ProgramFilesNoSpaces\nodejs\node_global” 设置的文件夹 node_global 。如果上面的环境变量Path没有设置错,在CMD中输入以下命令应该可以查看 webpack 和 webpack-cli 的版本号: