WebXR教学 02 配置开发环境

news2025/2/23 14:32: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!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2303948.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

MySql数据库运维学习笔记

数据库运维常识 DQL、DML、DCL 和 DDL 是 SQL(结构化查询语言)中的四个重要类别,它们分别用于不同类型的数据库操作,下面为你简单明了地解释这四类语句: 1. DQL(数据查询语言,Data Query Langu…

宇树科技13家核心零部件供应商梳理!

2025年2月6日,摩根士丹利(Morgan Stanley)发布最新人形机器人研报:Humanoid 100: Mapping the Humanoid Robot Value Chain(人形机器人100:全球人形机器人产业链梳理)。 Humanoid 100清单清单中…

ARMS 助力假面科技研发运维提效,保障极致游戏体验

客户介绍与项目背景 假面科技成立于 2014 年,致力于打造创新的数字产品,火爆一时的“狼人杀”、“谁是卧底”、“足记相机”都是假面科技旗下产品,公司产品总数超过 40 款,覆盖用户数超过 2 亿人。 随着业务的持续发展&#xff…

趣味数学300题1981版-八个等式、五个5等于24

八个等式 分析:此问题的求解思路是按照最后一步运算的运算符号进行分类。示例中最后一步的运算是除法,只要被除数与除数相等且不为0,就可以得到结果1.因此我们还可以对于结果等于1的情况列出其他的算式。如果保持最后一步运算为除法运算&…

关闭超时订单和七天自动确认收货+RabbitMQ规范

关闭超时订单 创建订单之后的一段时间内未完成支付而关闭订单的操作,该功能一般要求每笔订单的超时时间是一致的 TTL(Time To Live)存活时间,只能被设置为某个固定的值,不能更改,否则抛出异常 死信&#…

【多模态处理篇一】【 深度解析DeepSeek图文匹配:CLIP模型迁移实战——从原理到落地的保姆级教程】

引言:当CLIP遇到DeepSeek,会发生什么化学反应? 如果说CLIP是OpenAI为多模态领域投下的"原子弹",那DeepSeek的迁移实战方案就是给这颗原子弹装上了精确制导系统。这个组合能让你用一张猫咪表情包搜到全网同类梗图,还能让电商平台自动生成百万级商品描述,甚至帮…

水果生鲜农产品推荐系统 协同过滤余弦函数推荐水果生鲜农产品 Springboot Vue Element-UI前后端分离 代码+开发文档+视频教程

水果生鲜农产品推荐系统 协同过滤余弦函数推荐水果生鲜农产品 Springboot Vue Element-UI前后端分离 【亮点功能】 1.SpringbootVueElement-UIMysql前后端分离 2.Echarts图表统计数据, 直观展示数据情况 3.发表评论后,用户可以回复评论, 回复的评论可以被再次回复, …

1.vue使用vite构建初始化项目

npm create vuelatest❯ npm create vuelatest> npx > create-vueVue.js - The Progressive JavaScript Framework✔ Project name: … vue3_test ✔ Add TypeScript? … No / Yes ✔ Add JSX Support? … No / Yes ✔ Add Vue Router for Single Page Application dev…

在PyCharm中运行Jupyter Notebook的.ipynb文件及其pycharm软件的基础使用

(注意需使用PyCharm专业版,学生、教师可以申请免费使用:https://www.jetbrains.com/shop/eform/students) 1. pycharm2024版汉化 https://blog.csdn.net/m0_74103046/article/details/144560999 2. pycharm中的python控制台和J…

深度体验通义灵码2.0 AI 程序员

通义灵码2.0 作为一名开发者,我去年就使用过1.0,近期有幸体验了 2.0,这是一款集成了 Deepseek 大模型的智能编码助手。在这次体验中,我深入探索了新功能开发、跨语言编程、单元测试自动生成、图生代码等多个场景,深刻…

Coroutine协程

cooperation 协作 routine 程序,常规 协程核心:函数能够被挂起suspend,当然也能被回复resume 内置函数:also 返回对象本身 扩展: 内置函数let、also、with、run、apply大大提高你的开发效率! 协程的作用:…

使用IDEA提交SpringBoot项目到Gitee上

登录Gitee并新建仓库 创建本地仓库 提交本地代码到本地仓库 提交本地代码到远程仓库

Windows安装MySQL指南

1.下载 下载地址:https://www.mysql.com/downloads/ 下载版本:MySQL Installer for Window 2.安装MySQL 以下只列出需要注意的一些界面,没出现的界面默认继续即可。 1.选择安装类型 提供了多种安装模式,包括默认开发版、仅…

汽车免拆诊断案例 | 2013 款奔驰 S300L 车起步时车身明显抖动

故障现象  一辆2013款奔驰S300L车,搭载272 946发动机,累计行驶里程约为15万km。车主反映,将挡位置于D挡,稍微释放一点制动踏板,车辆蠕动时车身明显抖动,类似气缸失火时的抖动,又类似手动变速器…

从0开始:OpenCV入门教程【图像处理基础】

图像处理基础 一、OpenCV主要功能及模块介绍 1、内置数据结构和输入/输出 OpenCV内置了丰富的与图像处理有关的数据结构,如Image、Point、Rectangle等。core模块实现了各种基本的数据结构。imgcodecs模块提供了图像文件的读写功能,用户使用简单的命令…

Scrum方法论指导下的Deepseek R1医疗AI部署开发

一、引言 1.1 研究背景与意义 在当今数智化时代,软件开发方法论对于项目的成功实施起着举足轻重的作用。Scrum 作为一种广泛应用的敏捷开发方法论,以其迭代式开发、快速反馈和高效协作的特点,在软件开发领域占据了重要地位。自 20 世纪 90 …

个人环境配置--安装记录

根据显卡下载对应的cuda和cudnn 我使用的是docker,首先拉取镜像,我用的是ubuntu20.04 加速:pull hub.1panel.dev/ devel是开发版本 sudo docker pull hub.1panel.dev/nvidia/cuda:11.6.1-devel-ubuntu20.04先测试一下cuda有没有安装好 nvcc -V更新,安装…

win10把c盘docker虚拟硬盘映射迁移到别的磁盘

c盘空间本身就比较小、如果安装了docker服务后,安装的时候没选择其他硬盘,虚拟磁盘也在c盘会占用很大的空间,像我的就三十多个G,把它迁移到其他磁盘一下子节约几十G 1、先输入下面命令查看 docker 状态 wsl -l -v 2、如果没有停止…

开源的 LLM 应用开发平台-Dify 部署和使用

加粗样式 Dify 简介 官网 http://difyai.com/ 生成式 AI 应用创新引擎 开源的 LLM 应用开发平台 Dify 为开发者提供了健全的应用模版和编排框架,你可以基于它们快速构建大型语言模型驱动的生成式 AI 应用,将创意变为现实,也可以随时按需无…

libxls库的编译以及基于Visual studio的配置

最近有一个需求在windows处理xls,所以就需要libxls这个库,调查了一下,基于C的库的解析情况如下: 所以最理想的就是Libxlsd个开源的方案 基于历史整理的 libxls 在 MinGW 下的编译步骤 前提条件 系统:Windows&#…