一、vue3+ts+vite项目中引入Three.js

Three.js中文网、Three.js官网

安装threejs

npm install three --save
//安装特定版本 比如安装148版本
npm install three@0.148.0 --save

npm i --save-dev @types/three    

npm安装后，引入three.js

// 引入three.js
import * as THREE from "three";

npm安装后，引入three.js其他扩展库

除了three.js核心库以外，在threejs文件包中examples/jsm目录下，你还可以看到各种不同功能的扩展库。一般来说，你项目用到那个扩展库，就引入那个，用不到就不需要引入。

// 引入扩展库OrbitControls.js
import { OrbitControls } from "three/addons/controls/OrbitControls.js";
// 引入扩展库GLTFLoader.js
import { GLTFLoader } from "three/addons/loaders/GLTFLoader.js";