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 位)。

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

安装

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

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

扫描二维码关注公众号,回复: 17564976 查看本文章

阅读并接受许可协议。
选择安装路径(建议非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!