美文网首页
Windows 安装 Node.js 及配置 NPM

Windows 安装 Node.js 及配置 NPM

作者: 又语 | 来源:发表于2020-05-08 15:50 被阅读0次

    本文介绍在 Windows 操作系统中安装 Node.js 及配置 NPM 的方法及步骤。


    目录

    • 版本说明
    • 安装 Node.js
    • 配置 NPM
    • 安装和配置 CNPM

    版本说明

    • Windows 10
    • Node.js v12.18.4

    安装 Node.js

    1. 双击运行安装包,本示例使用安装文件 node-v12.18.4-x64.msi,注意修改安装目录(安装目录中最好不要带空格),整个安装过程使用默认配置即可。

    2. 安装成功后打开【编辑系统环境变量】,在【用户变量】PATH 中找到以下变量值删除。

    C:\Users\...\AppData\Roaming\npm
    
    1. 至此 Node.js 和 NPM 安装成功,打开 CMD 输入命令 node -vnpm -v 查看已安装好的 Node.js 和 NPM 版本。
    C:\Users\...>node -v
    v12.18.4
    
    C:\Users\...>npm -v
    6.14.6
    

    配置 NPM

    1. 在 Node.js 安装根目录下新建两个文件夹 node_globalnode_cache(目录可任意指定)。

    2. 配置 NPM 全局安装目录

      2.1 打开 CMD 输入 npm config set prefix "Node.js安装根目录\node_global"npm config set cache "Node.js安装根目录\node_cache" 命令

      C:\Users\...>npm config set prefix "D:\Dev\Node.js\node_global"
      
      C:\Users\...>npm config set cache "D:\Dev\Node.js\node_cache"
      

      2.2 输入 npm config get prefixnpm config get cache 命令检查全局配置是否成功

      C:\Users\...>npm config get prefix
      D:\Dev\Node.js\node_global
      
      C:\Users\...>npm config get cache
      D:\Dev\Node.js\node_cache
      

      配置成功后通过 NPM 全局安装的包都会存放在 node_global\node_modules 文件夹下。

    3. 配置环境变量

      3.1 在【系统变量】中添加

      NODE_PATH: Node.js安装根目录\node_global\node_modules
      

      3.2 在【用户变量】的【PATH】中新增值:Node.js安装根目录\node_global

    4. 配置 NPM 代理(可选,取决于是否需要通过代理接入互联网)

    npm config set proxy http://${username}:${password}@${domain/IP}:${port}/
    npm config set https-proxy http://${username}:${password}@${domain/IP}:${port}/
    
    1. 配置淘宝镜像(推荐)
    npm config set registry https://registry.npm.taobao.org
    
    1. 执行命令 npm config list -l 查询配置结果。

    2. 通过安装 NPM 最新版本测试

    C:\Users\...>npm install npm@latest -g
    (node:472) Warning: Setting the NODE_TLS_REJECT_UNAUTHORIZED environment variable to '0' makes TLS connections and HTTPS requests insecure by disabling certificate verification.
    D:\Dev\Node.js\node_global\npm -> D:\Dev\Node.js\node_global\node_modules\npm\bin\npm-cli.js
    D:\Dev\Node.js\node_global\npx -> D:\Dev\Node.js\node_global\node_modules\npm\bin\npx-cli.js
    + npm@6.14.8
    added 434 packages from 885 contributors in 11.89s
    

    安装成功后在全局安装目录 node_global\node_modules 下看看是否能找到。

    1. 输入命令 npm info underscore 测试设置
    C:\Users\...>npm info underscore
    (node:20192) Warning: Setting the NODE_TLS_REJECT_UNAUTHORIZED environment variable to '0' makes TLS connections and HTTPS requests insecure by disabling certificate verification.
    
    underscore@1.11.0 | MIT | deps: none | versions: 40
    JavaScript's functional programming helper library.
    https://underscorejs.org
    
    dist
    .tarball: https://registry.npm.taobao.org/underscore/download/underscore-1.11.0.tgz
    .shasum: dd7c23a195db34267186044649870ff1bab5929e
    
    maintainers:
    - jashkenas <jashkenas@gmail.com>
    - jridgewell <justin+npm@ridgewell.name>
    
    dist-tags:
    latest: 1.11.0  stable: 1.10.2
    
    published 3 weeks ago by jashkenas <jashkenas@gmail.com>
    

    安装和配置 CNPM

    1. 安装 CNPM
    npm install -g cnpm –registry=https://registry.npm.taobao.org
    
    1. 配置 CNPM(可选,取决于是否需要通过代理接入互联网)
    cnpm config set proxy http://${username}:${password}@${domain/IP}:${port}/
    cnpm config set https-proxy http://${username}:${password}@${domain/IP}:${port}/
    

    相关文章

      网友评论

          本文标题:Windows 安装 Node.js 及配置 NPM

          本文链接:https://www.haomeiwen.com/subject/umskyhtx.html