学前基础

下面说下，学习《Vue3+Three.js 3D可视化实战案例(收费站)》课程需要什么样的前置基础。

课程涉及技术栈

1. Vue、Vite等前端 ——基础
2. 渲染引擎Three.js ——讲解核心
3. 建模软件Blender ——了解

课程面向目标

1. 想学习Web3D可视化实战开发流程，比如收费站、智慧工厂、园区、水利水电、物流、农业等场景
2. 有vue基础，项目紧急，没有时间慢慢学threejs，想快速vue结合threejs开发
3. 已经入门threejs，前端经验很少，想了解vue + threejs实战开发问题

Web前端基础

如果只是学习threejs，对前端要求不高，一般稍微熟悉js语法就行。Web3D项目是建立在普通web前端基础上的，如果是正式开发Web 3D项目，就对Web前端要求就比较高了，你需要和普通Web前端一样掌握各种前端技术栈，比如vue全家桶。

如果你是非前端转过来的，对这个前端技术栈也不太熟悉，最好把前端知识系统补充下。

这几年因为培训班输送过量普通web前端，太卷，很多培训班倒闭了，开放了很多前端课程，可以去搜搜，跟着学习下。

学员基础-Vue3 (Vue + Three.js方案)

threejs本身是独立于vue或react等前端框架的，你不管你用什么前端框架，threejs API使用语法没任何区别，也就是说，当你想把把vue与threejs结合的时候，最起码先入门vue。

本课程采用Vue3，vue3有选项式和组合式两种风格代码，本课程选择组合式。

如果你没有vue基础，建议找一个vue3，组合式风格的课程看一看，尤其那些非前端转过来的同学。

学员基础-Threejs

前面threejs课程阶段1章节1~17 (opens new window)对threejs的讲解，更侧重原理、知识体系。

本课程对threejs讲解，更侧重Web3D项目开发流程，与Vue结合问题，与Blender协作开发问题，用到什么什么，讲什么，以快和流程为导向。

1. 如果你项目也不着急的话，建议先学习前面threejs内容，再学习本案例课程更好。
2. 如果你项目很急，跳过前面也行，但是至少把章节1 (opens new window)的一二十小节看了，在学习本课程更好。

学员基础-Blender

三维场景的搭建，除了需要写代码之外，还需要三维建模，不过一般实际开发，都是公司美术负责三维建模，或者外包一个美术工作室建模。

对于程序员而言，如果掌握三维建模更好，当然不掌握也没关系，后面课程用到Blender时候，会简单演示下，基础的导入、导出操作。

本课程会模拟，实际开发，美术给你一个3d模型，你怎么用Blender导入、导出，修改里面一些参数，然后和threejs的对接问题。