VueJsThreeJs

Hosted on GitHub Pages: https://thomasbreland.github.io/VueJsThreeJs/

I added a three.js renderer with the Utah Teapot to the standard Vue.js in Vite template npm create vue@latest. Click and drag to rotate the teapot. This was just a quick demo for showing how to use three.js within other web application frameworks, and a chance to use GitHub Actions and GitHub Pages a little more.

Recommended IDE Setup

VSCode + Volar (and disable Vetur).

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build

If NODE_ENV environment variable is set to production, checks GH_PAGES_BASE_URL environment variable to set base URL.

Lint with ESLint

npm run lint