vue-threejs-demo

This is a Proof-Of-Concept integration of Vue.js and Three.js. I have converted the Three.js Trackball Control Example to a Vue/Vuex application and added some additional UI sugar on top.

See the demo here

Stack

• Vue 3 - Progressive JavaScript framework
• Vite - Fast build tool and dev server
• Pinia - State management for Vue 3
• Three.js - 3D graphics library
• Vue Router 4 - Official router for Vue 3

Project Setup

Install dependencies:

npm install

Development Server

Run the development server with hot module replacement:

npm run dev

Production Build

Build the application for production:

npm run build

Preview Production Build

Preview the production build locally:

npm run preview

Linting

Run ESLint to check code quality:

npm run lint

Helpful Links

• Three.js Documentation
• Vue 3 Documentation
• Pinia Documentation
• Vite Documentation