1. Vite搭建Vue 3D开发环境
# 脚手架Vite创建threejs开发环境
本课程选择Vite作为前端工程化开发的构建工具，Vite相比webpack或Vue-cli，调试代码速度更快。
# vite文档地址
vite文档 (opens new window)有Vite详细的使用说明。
# 使用Vite快速创建一个vue工程文件
执行命令npm create vite@latest，然后选择你想要的开发环境即可，具体跟着视频可操作即可。
npm create vite@latest
第一步是选择你的前端框架，第二步是选择是否支持TS。
注意：安装使用Vite之前，确保你电脑已经安装Nodejs (opens new window)了，尽量用最新版本的。
# npm i安装依赖
Vite通过模板创建好项目文件后，需要npm安装所有依赖
npm i
# 启动命令
查看package.json文件的script内容，可以知道通过npm run dev的方式启动项目，进行开发状态。
npm run dev
启动成功后，复制本地静态服务器地址，浏览器测试能否正常打开。
# Vue3 组合式风格
- Vue2：选项式风格
- Vue3：选项式、组合式两种风格可选
打开上面Vite默认创建的Vue项目代码，你可以看到就是Vue3的组合式风格。
本课程选择Vue3，组合式风格，如果你不熟悉，一定找个vue3相关课程熟悉下，然后再来学习本课程。