WebXR教学 02 配置开发环境

默认操作系统为Windows

1.VS Code

VS Code 是一款轻量级、功能强大的代码编辑器，适用于多种编程语言。

下载

步骤 1：访问 VS Code 官方网站

打开浏览器（如 Chrome、Edge 等）。
在地址栏输入以下网址：

https://code.visualstudio.com/

按下回车键，进入 VS Code 的官方网站。

步骤 2：选择适合的操作系统

在官网首页，你会看到一个“Download”按钮。点击后，网站会自动检测你的操作系统（如 Windows、macOS 或 Linux）。如果没有自动检测到，可以手动选择适合的版本：

Windows ：
如果你使用的是 Windows 10/11，可以选择 System Installer（推荐）或 ZIP 版本。
注意区分 64 位和 32 位系统（大多数现代电脑是 64 位）。

点击对应的操作系统选项，下载安装包。

安装

下载完成后，找到下载的安装文件（通常在“下载”文件夹中），双击运行。

安装向导会启动，按照提示操作：
点击“下一步”。

阅读并接受许可协议。
选择安装路径（建议非C盘）。

勾选是否添加到右键菜单（推荐勾选，方便快速打开文件夹）。
点击“安装”。

安装完成后，点击“完成”按钮，启动 VS Code。

2.Node.js

步骤 1：访问 Node.js 官方网站

打开浏览器（如 Chrome、Edge 等）。
在地址栏输入以下网址：

https://nodejs.org/

按下回车键，进入 Node.js 的官方网站。

步骤 2：选择适合的版本

在官网首页，你会看到两个主要的下载选项：

LTS 版本（长期支持版） ：
推荐大多数用户使用。
更加稳定，适合生产环境。

Current 版本（最新版） ：
包含最新的功能，但可能不够稳定。
适合开发者测试新功能或学习新技术。

点击你选择的版本（推荐 LTS），系统会自动检测你的操作系统并提供对应的安装包。

步骤 3：下载安装包

根据你的操作系统，下载对应的安装文件：

Windows ：.msi 文件。
macOS ：.pkg 文件。
Linux ：提供多种格式（如 .tar.xz 或通过包管理器安装）。

点击“Download”按钮开始下载。

步骤 4：安装 Node.js

对于 Windows 用户 ：
下载完成后，找到下载的 .msi 文件，双击运行。

安装向导会启动，按照提示操作：
点击“下一步”。

阅读并接受许可协议。
选择安装路径（建议非C盘）。

勾选是否添加到系统 PATH（推荐勾选，方便在命令行中直接使用 node 和 npm 命令）。

点击“安装”。
安装完成后，点击“完成”按钮。

步骤 5：验证安装

打开终端（Windows 用户可以使用命令提示符或 PowerShell）。
输入以下命令检查 Node.js 是否安装成功：

node -v

输出示例：

v18.17.1

表示 Node.js 已正确安装。

输入以下命令检查 npm（Node.js 包管理工具）是否安装成功：

npm -v

输出示例：

9.6.7

表示 npm 已正确安装。

步骤 6：测试 Node.js

创建一个简单的 JavaScript 文件来测试 Node.js 是否正常工作。
在终端中创建一个新文件：

nano test.js

在文件中输入以下内容：

console.log("Hello, Node.js!");

保存并退出编辑器（如果是 nano，按 Ctrl+X，然后按 Y 确认保存）。

在终端中运行该文件：

node test.js

如果输出如下内容，则表示 Node.js 正常工作：

Hello, Node.js!