微信登录

环境搭建 - Node.js 环境 - Node.js 的安装与配置

环境搭建 - Node.js 环境 - Node.js 的安装与配置

在前端开发的世界里,Node.js 就像是一把万能钥匙,能帮助我们处理各种任务,比如运行 JavaScript 代码、使用强大的包管理工具 npm 安装依赖等。下面就来详细介绍一下 Node.js 的安装与配置过程。

一、安装前的准备

在开始安装 Node.js 之前,我们需要了解自己的操作系统。Node.js 支持多种操作系统,包括 Windows、Mac OS 和 Linux。你可以通过以下简单的步骤查看自己的系统信息:

  • Windows:按下 Win + R 组合键,输入 winver 并回车,即可查看系统版本。
  • Mac OS:点击屏幕左上角的苹果图标,选择“关于本机”。
  • Linux:在终端中输入 lsb_release -a 命令。

二、Node.js 的安装

1. 下载安装包

打开 Node.js 的官方网站(https://nodejs.org/),你会看到两个版本可供选择:LTS(长期支持版)和 Current(最新版)。如果你是初学者或者用于生产环境,建议选择 LTS 版本,它更加稳定。根据自己的操作系统下载对应的安装包。

2. 安装过程

  • Windows:双击下载好的 .msi 文件,按照安装向导的提示一步步操作。在安装过程中,你可以选择安装路径,其他选项保持默认即可。安装完成后,系统会自动配置环境变量。
  • Mac OS:双击下载好的 .pkg 文件,同样按照安装向导进行操作。安装完成后,在终端中输入 node -vnpm -v 命令,如果能正常显示版本号,说明安装成功。
  • Linux:以 Ubuntu 为例,在终端中输入以下命令进行安装:
    1. sudo apt update
    2. sudo apt install nodejs npm
    安装完成后,同样可以使用 node -vnpm -v 命令来验证。

三、Node.js 的配置

1. 配置 npm 镜像

由于 npm 的官方镜像在国内访问速度可能较慢,我们可以将其配置为国内的镜像源,比如淘宝镜像。在终端中输入以下命令:

  1. npm config set registry https://registry.npmmirror.com

你可以通过以下命令来验证是否配置成功:

  1. npm config get registry

如果输出为 https://registry.npmmirror.com,则说明配置成功。

2. 创建第一个 Node.js 项目

安装并配置好 Node.js 后,我们来创建一个简单的项目。打开终端,创建一个新的文件夹并进入该文件夹:

  1. mkdir my-node-project
  2. cd my-node-project

然后初始化项目:

  1. npm init -y

这会在当前文件夹下生成一个 package.json 文件,用于管理项目的依赖和配置信息。

接着,创建一个名为 app.js 的文件,在其中编写以下代码:

  1. console.log('Hello, Node.js!');

在终端中运行该文件:

  1. node app.js

如果终端输出 Hello, Node.js!,说明你的 Node.js 环境已经可以正常使用了。

总结

步骤 操作
准备 查看操作系统信息
安装 从官网下载对应版本安装包,按向导完成安装
配置 配置 npm 镜像为国内源
测试 创建项目并运行简单代码验证环境

通过以上步骤,你已经成功安装并配置了 Node.js 环境。现在,你可以尽情探索 Node.js 的强大功能,开启前端开发的新旅程啦!

环境搭建 - Node.js 环境 - Node.js 的安装与配置