threejs学习-环境搭建+简单示例
环境搭建
node.js + vite.js + three.js （轻量级的环境）
先安装配置好node。
在cmd中输入 ‘ node -v ’ 来查看node版本：
node 配置好后就可以创建一个vite的项目了。
先调整路径到需要创建工程的文件夹路径下
之后输入下面的代码：用来创建vite
npm create vite@latest
这里我们命名为 vite-three-project
之后我们选择Vanilla，意思是原生的。
我们选择JS:
这样项目就创建好了：
之后我们进入创建好的项目路径：
之后我们安装两个组件，分别是vite和three：
npm i vite three
安装好后，我们就能运行我们的项目了：
我们在项目路径下，输入npm run dev，从而运行项目：
npm run dev
我们输入local地址，就可以卡看了：
我们看到的上面的那个页面就是在项目中的main.js实现的。
以上就是环境的搭建。
创建一个简单的three程序
首先我们在项目中创建一个js文件：
命名为01-basic-three.js
之后将index.js进行修改为下图所示：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=
最低0.47元/天 解锁文章
908
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
