threejs学习-vue项目集成threejs（二）

最新推荐文章于 2024-09-07 19:54:34 发布

干饭两斤半

最新推荐文章于 2024-09-07 19:54:34 发布

阅读量1.4k

点赞数

分类专栏： threejs从入门到进阶文章标签： javascript three.js

本文链接：https://blog.csdn.net/zps925458125/article/details/109719441

版权

17 篇文章 22 订阅 ¥19.90 ¥99.00

订阅专栏

本文介绍如何在Vue项目中集成three.js。通过模块化支持，threejs的jsm包提供了便利。对于Vue2和Vue3，文章分别给出了创建项目的步骤：Vue2使用webpack初始化，Vue3则直接通过vue create命令创建。

摘要由CSDN通过智能技术生成

1.threejs最新版本很好的支持了模块化，其各种扩展包在jsm包下作了模块化支持；以下为引入方式

vue安装:
npm install @vue/cli -g

安装vue初始化包，可以使用vue2和vue3

npm install -g @vue/cli-init
vue2脚手架搭建项目:
vue init webpack vue-threejs-demo

vue3脚手架搭建项目:
vue create vue-threejs-demo

// 1.安装threejs依赖
// npm install three
// ****注意此处的控制器和加载器引入的jsm包下的js而非js包下；此处导入错误会报错
import * as THREE from 'three'

了解本专栏

关注

专栏目录