Windows 环境下安装与配置 Node.js

一、下载Node.js安装包

下载地址:http://nodejs.cn/download/

本教程以msi安装包为例

点击Windows 安装包下载

二、安装Node.js

1.打开安装包

欢迎页:点击Next

2.允许使用条款

点击接受条款后Next

3.选择安装路径

选择你要安装的路径

本案例保存默认在C盘路径:D:\Soft\nodejs

4.安装组件

这些是Node.js里面包含的组件,例如运行环境,包管理器等

保持默认即可,点击Next

5.安装开发工具

开发工具可以等以后实际开发过程中安装

这里选择不勾选安装工具

6.安装Node.js

三、查看是否安装成功

1.打开终端

使用 Win键+R,输入cmd

2.输入指令

node -v
npm -v

出现版本号,即为安装成功

四、配置Node.js

1.使用管理员权限打开终端

移动到Node.js安装目录下

cd /d D:\Language\nodejs

2.创建全局组件文件夹和缓存文件夹

mkdir node_global
mkdir node_cache

3.设置npm全局包目录与缓存目录

设置全局目录
双引号内为刚刚创建的 node_global 文件夹路径

npm config set prefix "D:\Language\nodejs\node_global"
npm config set cache "D:\Language\nodejs\node_cache"

4.设置系统环境变量

将环境变量 Path 中的npm路径更换为刚才自定义的 node_global 全局包

本案例为 D:\Language\nodejs\node_global

执行第三步完后,配置环境变量,如下:

  • “环境变量” -> “系统变量”:

    新建一个变量名为 “NODE_PATH”,

    变量值:自定义的 node_global 全局包路径后 + \node_modules

    D:\Language\nodejs\node_global\node_modules
    
  • “环境变量” -> “用户变量”:编辑用户变量里的Path,将相应npm的路径(“C:\Users\用户名\AppData\Roaming\npm”)改为:“D:\Language\nodejs\node_global”,如下:

    并在Path变量中新建:%NODE_PATH%

五、测试

在cmd命令下执行 npm install webpack -gnpm install webpack-cli -g 安装 webpack。

安装成功,自定义文件夹如下所示:

在cmd命令下执行 webpack -v 查看webpack版本,如下图所示:

注意若提示 webpack 不存在,记得重新开一个 cmd 测试即可

六、解决 npm 下载速度慢的问题

原因

  • 安装 Node 时,npm 包的默认下载地址就是:https://registry.npmjs.org/
  • 由于外网原因,常常出现下载很慢或者不能下载的情况,导致我们执行命令 npm install xxxx 下载资源包时常常失败。

解决方案

配置国内镜像源地址

使用方法

  • 临时使用:npm install xxx --registry=镜像源地址
  • 更改 npm 包默认下载地址:npm config set registry 镜像源地址

附上完整 .npmrc 配置文件

# 在服务端执行时可能需要最高权限执行
unsafe-perm=true
# 指定依赖的安装源
registry=https://registry.npm.taobao.org/
# 指定 node.js 的安装源,某些依赖包可能需要下载 node.js
disturl=https://npm.taobao.org/mirrors/node/
# 一些依赖包内部需要下载的依赖文件,以下变量会被相关依赖包读取到并使用
sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
phantomjs_cdnurl=https://npm.taobao.org/mirrors/phantomjs/
electron_mirror=https://npm.taobao.org/mirrors/electron/
chromedriver_cdnurl=https://npm.taobao.org/mirrors/chromedriver/
operadriver_cdnurl=https://npm.taobao.org/mirrors/operadriver/
selenium_cdnurl=https://npm.taobao.org/mirrors/selenium/
node_inspector_cdnurl=https://npm.taobao.org/mirrors/node-inspector/
fsevents_binary_host_mirror=http://npm.taobao.org/mirrors/fsevents/
puppeteer_download_host=https://npm.taobao.org/mirrors/
sentrycli_cdnurl=https://npm.taobao.org/mirrors/sentry-cli/
sharp_binary_host=https://npm.taobao.org/mirrors/sharp/
sharp_libvips_binary_host=https://npm.taobao.org/mirrors/sharp-libvips/
sqlite3_binary_site=https://npm.taobao.org/mirrors/sqlite3/
python_mirror=https://npm.taobao.org/mirrors/python/

PS:

上述 npm.taobao.org 可全量替换为最新的淘宝镜像源 npmmirror.com
如 registry=https://registry.npm.taobao.org/ -> registry=https://registry.npmmirror.com/

总结

以上node.js的安装,笔者已亲测可用,希望本篇博客对您有所帮助,在安装配置过程中,若遇到问题,欢迎留言交流!

posted @ 2023-02-16 23:06  RioTian  阅读(3440)  评论(1编辑  收藏  举报