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

相关推荐
丁总学Java35 分钟前
thread_id_key != 0x7777(`fibers` 包与 Node.js 16 及以上版本存在兼容性问题)
node.js·fibers
程楠楠&M14 小时前
node.js第三方Express 框架
前端·javascript·node.js·express
盛夏绽放14 小时前
Node.js 和 Socket.IO 实现实时通信
前端·后端·websocket·node.js
Roc.Chang16 小时前
macos 使用 nvm 管理 node 并自定义安装目录
macos·node.js·nvm
怕冷的火焰(~杰)18 小时前
Node基本使用
node.js
_半夏曲20 小时前
node.js、nginx、iis、tomcat针对部署方面的简述
nginx·node.js·tomcat
生椰拿铁You20 小时前
09 —— Webpack搭建开发环境
前端·webpack·node.js
酷酷的威朗普1 天前
医院绩效考核系统
javascript·css·vue.js·typescript·node.js·echarts·html5
前端李易安2 天前
Webpack 热更新(HMR)详解:原理与实现
前端·webpack·node.js
Ztiddler2 天前
【npm设置代理-解决npm网络连接error network失败问题】
前端·后端·npm·node.js·vue