nodejs安装和环境配置-Windows
作者:mmseoamin日期:2023-12-05

目录

  • 0.安装过程中遇到的常见问题
  • 1.下载node.js
  • 2.安装
    • 2.1 安装
    • 2.2 测试
    • 3.配置环境变量
      • 3.1 配置全局安装的模块路径和缓存路径
      • 3.2 配置环境变量
        • 3.2.1 找到电脑环境变量位置
        • 3.2.2 创建 NODE_HOME 变量
        • 3.2.3 在 系统变量 中 选择 Path 修改和添加如下属性:
        • 4.测试效果
        • 5. 全局配置淘宝镜像
        • 6. 全局安装webpack

0.安装过程中遇到的常见问题

访问:https://blog.csdn.net/weixin_52799373/article/details/125718587?spm=1001.2014.3001.5502

1.下载node.js

下载地址: https://nodejs.org/en/

2.安装

2.1 安装

其实就是无脑下一步,第三步的时候可以选择自定义目录,我的开发工具都是放在develop中。

2.2 测试

node -v 查看node的版本

npm -v 查看npm的版本(新版的node安装自带安装npm)

3.配置环境变量

3.1 配置全局安装的模块路径和缓存路径

创建文件夹目录

  • 在nodejs根目录,创建node_global,node_cache文件夹

    -管理员身份- 打开CMD,配置路径:(注意一定要管理员身份运行CMD!!!路径改成你自己的路径,不要无脑复制!!!)

    npm config set prefix "E:\develop\nodejs\node_global"
    npm config set cache "E:\develop\nodejs\node_cache"
    

    3.2 配置环境变量

    3.2.1 找到电脑环境变量位置

    win10&win11:右键此电脑——属性——高级系统设置——高级——环境变量

    win11还可以:点设置——系统——关于——高级系统设置——高级——环境变量

    3.2.2 创建 NODE_HOME 变量

    变量值为nodejs地址

    在这里插入图片描述

    3.2.3 在 系统变量 中 选择 Path 修改和添加如下属性:

    • 修改:

      在这里插入图片描述

      • 添加node_global,node_cache:

        在这里插入图片描述

        4.测试效果

        全局安装最常用的 express 模块 进行测试

        命令如下:

        npm install express -g
        

        查看安装结果:

        5. 全局配置淘宝镜像

        注意一定要管理员身份运行CMD!!!

        npm config set registry https://registry.npm.taobao.org
        
        # 安装 cpm (按需安装)
        npm install -g cnpm
        

        查看配置:npm config ls

        在这里插入图片描述

        6. 全局安装webpack

        npm install webpack -g
        

        结束