ThreeJs 环境配置及遇到问题的解决方法

一、环境搭建

ThreeJs在实际在实际使用中更多的是结合框架开发例如:vue框架、react框架,在使用时需要配置开发环境,本文使用的是vscode + ThreeJs + NodeJs + vue 

1、ThreeJs安装

下载路径:GitHub - mrdoob/three.js: JavaScript 3D Library.

ThreeJs中文官网:three.js docs

ThreeJs源码下载后用VSCode打开

2、NodeJs环境搭建

NodeJs下载地址:Node.js — Run JavaScript Everywhere

中文地址:Node.js 中文网

下载的时候可以下载.msi版本,安装的时候自动配置环境变量,.zip版本需要对环境变量进行手动配置

安装过程一路next,可以对路径进行选择

安装好后再VScode终端输入

node -v 可以看到Node的版本号,看到版本号证明安装成功,输入npm -v可以看到npm版本

安装好后配置npm镜像

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

执行

npm install -g cnpm

cnpm install 安装依赖包

执行

cnpm -v

查看是否安装成功

npm(node package management)是 Node 包管理工具,可以解决NodeJS的部署问题,cnpm同步了官网的包,供国内使用。

3、安装vue-cli脚手架(全局安装vue-cli)

执行

cnpm install -g @vue/cli

执行

vue -V

检查是否安装上

4、启动threeJs-code

打开paakage.json查看启动命令

在命令终端输入npm start

安装Ctrl + 鼠标左键选择“https://localhost:9000” 打开网页

doc/:参考资料

editor/:编辑器

examples/:示例

基本安装完成!!!

二、安装报错

在执行过程中出现

npm ERR!code E400

分别执行

npm config get proxy


npm config get https-proxy

如果他们放回值不为 null则执行

npm config set proxy null

npm config set https-proxy null

之后输入

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

配置镜像地址

使用 

npm config ls

查看配置情况,如果还是不能执行,删除:ThreeJs中的package-lock.json文件

执行

npm install

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

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

相关文章

linux 创建管理员用户并使用生成秘钥登录服务器

一台新的云服务器,初始化登录的是root用户,现需要其他人登录该服务器但肯定不能也使用root权限登录,需要创建新的用户并给该用户生成秘钥并给与管理员的权限,通过ssh免密登录 要在Linux系统上创建新用户并赋予管理员权限(sudo权限…

jbutton 按钮 圆角 渐变色

效果图 没按压时背景渐变色 鼠标按压时背景色改变 下面是可用的源码 package com.beijin.robot.utils; import javax.swing.*; import javax.swing.border.Border; import java.awt.*; import java.awt.event.MouseAdapter; import java.awt.event.MouseEvent;public clas…

【python打包成exe文件】

python打包成exe文件 2024-03-05 18:29 第三种方式: 用python打成包文件运行即可 首先安装包: pip install pyinstaller 安装成功后, 在当前的文件夹路径下 运行命令 pyinstaller ***.py 文件 接着会自动打包成一个可执行的 exe文件 ,点击这…

IDEA使用技巧(常用设置、快捷键等)

IDEA使用技巧 一、IDEA常用基本设置设置代码背景颜色/主题/字体Ctrl鼠标滚轮缩放字体大小设置字符编码左右两侧的Project,Structure,Maven等按钮消失新增类似sout,psvm的模版切换某个模块编译的JDK版本 二、常用快捷键CtrlAltT包裹代码Alt回车联想补全Ct…

Android 振动和触感反馈功能失效问题分析

文章目录 一、 可以先通过adb来确定是否有打印Log,查看中相关的按键振动事件是否有效二、 适配按键事件三、延长振动时长 在Android13的项目(MTK平台)中遇到这样一个问题,在设置 - 提示音和振动 - 振动和触感反馈 - 打开按触反馈,但是按键没有…

在VSCode中配置多个版本的Python环境,并设置PYTHONHOME环境变量

在VSCode中配置多个版本的Python环境,并设置PYTHONHOME环境变量,可以通过以下步骤进行: 安装多个版本的Python 首先,你需要在你的计算机上安装多个版本的Python。你可以从Python的官方网站下载不同版本的Python安装包&#xff0…

QT5之lambda

使用lambda需要 配置c11 所以在点.pro文件里面配置添加如下 CONFIG c11 使用到qDebug 打印包含头文件 #include<QDebug> lambda 表达式使用 代替槽如下 #include "mainwidget.h" #include<QPushButton> #include<QDebug> mainWidget::mainWid…

Vue路由的模式和原理

一、hash模式&#xff08;默认&#xff09; 使用URL的hash来模拟一个完整的URL&#xff0c;当URL发生改变时不会向服务器发起请求。# 和其后面的字符称为hash&#xff0c;可通过 window.location.hash 获取。当hash改变会触发&#xff08;包括浏览器的前进、后退&#xff09;会…

Kafka(十二)Streams

目录 Streams1 什么式是流式处理2 流式处理的相关概念2.1 拓扑2.2 时间2.2.1 输入时间2.2.2 输出时间 2.3 状态2.4 流和表2.5 时间窗口2.5.1 测试时间窗口 2.6 处理保证 3 流式处理设计模式3.1 单事件处理3.2 使用本地状态3.3 多阶段处理和重分区3.4 使用外部查找&#xff1a;流…

【哈希】Leetcode 两数之和

题目讲解 1. 两数之和 算法讲解 我们希望让这个数组有序&#xff0c;然后再寻找的时候可以很快的找到是否存在这个target - nums[i]&#xff0c;这里需要返回的是下标&#xff0c;所以需要一个数据结构保存key&#xff1a;nums AND val&#xff1a;index&#xff0c;因此我们…

Qt——置灰窗口

在Qt中&#xff0c;你可以使用QGraphicsEffect来将一个窗口置灰化。同时&#xff0c;你可以通过设置QGraphicsEffect来禁用整个窗口上的所有交互。下面是一个简单的示例代码&#xff0c;演示如何在Qt中将一个窗口置灰并禁用交互&#xff1a; #include <QtWidgets>int ma…

Java设计模式 _结构型模式_桥接模式

一、桥接模式 1、桥接模式 桥接模式&#xff08;Bridge Pattern&#xff09;是一种结构型设计模式。用于把一个类中多个维度的抽象化与实现化解耦&#xff0c;使得二者可以独立变化。 2、实现思路 使用桥接模式&#xff0c;一定要找到这个类中两个变化的维度&#xff1a;如支…

《深入理解mybatis原理》 MyBatis的架构设计以及实例分析

《深入理解mybatis原理》 MyBatis的架构设计以及实例分析 MyBatis是目前非常流行的ORM框架&#xff0c;它的功能很强大&#xff0c;然而其实现却比较简单、优雅。本文主要讲述MyBatis的架构设计思路&#xff0c;并且讨论MyBatis的几个核心部件&#xff0c;然后结合一个select查…

七彩虹(Colorful)隐星P16 2023款笔记本电脑原装出厂Win11系统镜像下载 带建Recovery一键还原功能

七彩虹原厂Windows预装OEM专用系统&#xff0c;恢复出厂开箱状态一模一样 适用型号&#xff1a;隐星P16 23 链接&#xff1a;https://pan.baidu.com/s/1Ig5MQMiC8k4VSuCOZRQHUw?pwdak5l 提取码&#xff1a;ak5l 原厂W11系统自带所有驱动、出厂时自带的主题与专用壁纸、系…

C# 使MessageBox.Show弹出框保持最前

要确保 MessageBox.Show 弹出框保持在最前面&#xff0c;你可以使用 MessageBoxOptions 枚举中的 SetForeground 选项。这将确保消息框置于其他窗口之前。 以下是如何在 C# 中使用 MessageBox.Show 来显示一个保持最前的消息框的示例代码&#xff1a; MessageBox.Show("…

如何确定DAC输出的最高速度

如何确定DAC输出的最高速度 一、引言 数字到模拟转换器(Digital-to-Analog Converter,简称DAC)是电子设备中常用的一个重要部件,其作用是将数字信号转换为模拟信号。在设计和使用DAC时,一个关键问题是确定DAC输出的最高速度,即能够实现的最大输出频率。本文将介绍如何确…

惠海原厂直销 H6922 升压恒压IC芯片 2.8-40V升48V60V72V80V100V方案 高效率 低功耗

升压恒压IC芯片是一种在2.8V至40V的宽输入电压范围内工作&#xff0c;并能够将输出电压升高到48V、60V、72V、80V甚至100V的芯片。这种芯片以高效率、低功耗为特点&#xff0c;因此非常适合于对电源效率和功耗有严格要求的应用领域。升压恒压IC芯片的工作原理通常基于电感和电容…

使用FPGA发送一个经过曼彻斯特编码的伪随机序列

介绍 这几天突然就不知道要使用FPGA实现什么样的功能了,然后就跑去学习数电了,学的也是晕晕的。正好之前写了一个使用FPGA发送伪随机序列的代码,然后因为需要使用曼彻斯特编码,所以又加了一个模块吧,使得最后输出的波形经过曼彻斯特编码。 曼彻斯特编码 首先,曼彻斯特编…

前端入门:HTML(css轮廓,填充,宽高)

1.CSS轮廓 注意&#xff1a; outline中&#xff0c;out-style是必须要设置的&#xff0c;格式为&#xff1a; outline-style一共有以下的几个值&#xff1a; 2.CSS填充属性 这是一个用于在一个元素的内容周围产生空间&#xff0c;也就是边框内到白框外之间的距离&#xff0c;…

Ubuntu 22.04 安装Oracle 11g Express Edition

目录 一、系统环境 二、预安装软件 三、安装Oracle 四、登录数据库 Ubuntu 22.04上安装Oracle 11g Express Edition的过程。 一、系统环境 操作系统&#xff1a;Ubuntu 22.04.4 LTS 数据库版本&#xff1a;Oracle Database 11g Express Edition Release 11.2.0.2.0 - 64b…