初始three.js

three.js概述
Three.js是一款基于原生WebGL封装通用Web 3D引擎，在小游戏、产品展示、物联网、数字孪生、智慧城市园区、机械、建筑、全景看房、GIS等各个领域基本上都有three.js的身影。
只要你有Web3D可视化的需求，基本上都可以首选学习Three.js。
安装和配置three.js
如果是采用vue+three.js技术栈，可以直接通过npm进行安装。

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

引入three.js

// es6语法
import * as THREE from 'three';

引入three.js扩展库。安装好three.js后就有，但是使用时需要按需要引入。
下面代码中的两个库：OrbitControls可以实现鼠标旋转、缩放三维模型；GLTF实现加载外部三维模型，都是非常常用的扩展库。

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

旧版本中，引入扩展库路径略微不同
import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls';