ThreeJS — The easiest local development environment setup with Vite

npm init vite
√ Project name: … threejs-vite
√ Select a framework: » vanilla
√ Select a variant: » vanilla
cd ThreeJS-Vite
npm install
touch vite.config.js
mkdir public
export default {
assetsInclude: [‘**/*.glb’, ‘**/*.gltf’, ‘**/*.wasm’],
publicDir: [‘public’]
}
echo “export default { assetsInclude: [‘**/*.glb’, ‘**/*.gltf’, ‘**/*.wasm’], publicDir: [‘public’] }” > vite.config.js
npm run dev

--

--

--

Motion Designer with over ten years of experience in 3d Animation, Projection-Mapping, AR-VR-XR, electronics, and the makers’ world. Wannabe Creative Coder…

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

The API First Strategy — Use swagger to generate API client as an Angular library

Idea of monorepo for mobile apps with GCP

An introduction to TypeScript for JavaScript developers

Where in storage are state variables stored?

Upgrade your swagger generated angular project to angular 7/8

Regular Expressions(Regex) — JavaScript — Beginner to Expert

React-Leaflet v3: Creating a Mapping Application

GraphQL | Node.js | MongoDB : set up a basic server with User model and auth

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Robe Santoro

Robe Santoro

Motion Designer with over ten years of experience in 3d Animation, Projection-Mapping, AR-VR-XR, electronics, and the makers’ world. Wannabe Creative Coder…

More from Medium

Tweak efficiently with dat.GUI

Adding AR Filters in a 100ms Video Call — Part 1

Working With .STL Files On Three.JS

Clone of Nordstrom E-commerce.