node.js安装和配置教程

软件介绍

Node.js是一个免费的、开源的、跨平台的JavaScript运行时环境,允许开发人员在浏览器之外编写命令行工具和服务器端脚本。

Node.js是一个基于Chrome JavaScript运行时建立的一个平台。

Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好。Node.js官网:https://nodejs.org/en

软件安装

  1. 双击 node-v22.11.0-x64.msi(推荐安装长期维护版,即稳定版)运行Node安装程序
  1. 点击【Next】

3勾选【I accept the terms in the license Agreement】

4点击【Next】按钮

5默认安装地址为"C:\Program Files\nodejs\"可点击【Change】选择文件夹,点击【OK】。

6.点击【Next】。

7点击【Next】

8安装必要工具,不用管,直接点【Next】按钮。

9直接点【Install】开始安装。

10安装完成,点击【Finish】

1win+R输入cmd打开终端控制台,验证是否安装成功

2输入node -v查看node版本信息

3输入npm -v查看npm版本信息

Node.js已自带npm,安装Node.js时会一起安装,npm的作用就是对Node.js依赖的包进行管理,也可以理解为用来安装/卸载Node.js需要装的东西

查看npm默认存放位置

1输入npm get prefix查看npm全局模块的存放路径

2输入npm get cache查看npm缓存默认存放路径

软件配置

  1. 创建两个文件夹,要修改npm全局安装模块已经缓存的路径,否则执行npm安装命令会默认将依赖放到C盘
  2. 在node.js的安装目录下,创建node_global和node_cache 两个文件夹

node_global (npm安装的全局模块所在的路径)

node_cache (缓存cache的路径,如日志文件都会存在这个缓存文件夹里面)

  1. 修改npm全局模块与cache的存放位置

npm config set prefix "D:\PROGRAM FILES\nodejs\node_global"

npm config set cache "D:\PROGRAM FILES\nodejs\node_cache"

  1. 打开系统设置,找到【系统】->【系统信息】->【高级系统设置】->【环境变量】

5在系统变量中找到"Path",点击【编辑】

6可以看到新版本安装时已经自动添加了"D:\PROGRAM FILES\nodejs\",如果没有可手动添加

7将设置的npm全局模块存放路径添加到Path,点击【新建】或者直接在下面空白行编辑输入

D:\PROGRAM FILES\nodejs\node_global\node_modules,点击【确定】

8然后修改【用户变量】中的 Path 变量,将 C:\Users\wo\AppData\Roaming\npm 修改为D:\PROGRAM FILES\nodejs\node_global,修改完成后,一路点击【确定】,即可保存环境变量配置。

9查看npm默认存放位置

    1. 输入npm get prefix查看npm全局模块的存放路径
    2. 输入npm get cache查看npm缓存默认存放路径

9测试安装express模块

注意:-g等同于--global。不加-g是默认下载到当前目录。加-g是全局安装,即安装到之前设置的【node_global】目录下,同时node.js会自动地在【node_global】文件下创建【node_modules】子文件夹,即D:\PROGRAM FILES\nodejs\node_global\node_modules目录下

打开windows终端,输入

npm install express -g # -g是全局安装的意思

npm install express --global

若运行出现以下错误,是没有文件夹访问权限导致的

  1. 到Node文件夹目录,右键【属性】,在【安全】栏下,点击【编辑】,将Authenticated Users设置允许完全控制,点击【确定保存】

再运行命令,安装成功

  1. 打开以下目录D:\PROGRAM FILES\nodejs\node_global\node_modules可以看到【express】文件夹

更换镜像

将npm默认registry修改为淘宝registry :::info npm默认的registry,也就是下载npm包时会从国外的服务器下载,国内下载会很慢,一般更换为淘宝镜像:http://registry.npm.taobao.org :::

  1. 查看当前使用的镜像路径

npm config get registry

  1. 更换npm为淘宝镜像

npm config set registry http://registry.npm.taobao.org

  1. 检查镜像是否配置成功

npm config get registry

全局安装基于淘宝源的cnpm

由于npm的服务器在海外,所以访问速度比较慢,访问不稳定,cnpm的服务器是由淘宝团队提供,服务器在国内,cnpm是npm的镜像,一般会同步更新,相差在10分钟,所以cnpm在安装一些软件时候会比较有优势。但是cnpm一般只用于模块安装,在项目创建与卸载等相关操作时仍使用npm。

  1. 全局安装基于淘宝源的cnpm

npm install -g cnpm --registry http://registry.npm.taobao.org

  1. 执行命令查看cnpm是否安装成功

cnpm -v

出现以下内容,即安装成功。

本地查看cnpm模块,文件路径D:\PROGRAM FILES\nodejs\node_global\node_modules

相关推荐
我真的很困9 小时前
坤坤带你学浏览器缓存
前端·http·node.js
whyfail13 小时前
ESM 与 CommonJS:JavaScript 模块化的两大主流方式
javascript·node.js
熊的猫13 小时前
ES6 中 Map 和 Set
前端·javascript·vue.js·chrome·webpack·node.js·es6
Pigwantofly15 小时前
软件工程概论项目(二),node.js的配置,npm的使用与vue的安装
node.js
ZJ_.18 小时前
Electron 沙盒模式与预加载脚本:保障桌面应用安全的关键机制
开发语言·前端·javascript·vue.js·安全·electron·node.js
前端SkyRain19 小时前
后端Node学习项目-用户管理-增删改查
后端·学习·node.js
丁总学Java19 小时前
使用 npm 安装 Yarn
前端·npm·node.js
理想不理想v19 小时前
执行npm run build -- --report后,生产report.html文件是什么?
java·前端·javascript·vue.js·webpack·node.js
ForRunner12321 小时前
在 Node.js 中解决极验验证码:使用 Puppeteer 自动化
运维·node.js·自动化