Three.js-TypeScript-Boilerplate

(★ 593)

Three.js TypeScript Boilerplate

파일 탐색기

- FUNDING.yml
- - bundle.js
  - bundle.js.LICENSE.txt
  - favicon.ico
  - index.html
- - server.js
- annotations.jpg
- ball-vr-demo.gif
- dp-in-typescript.jpg
- fcs-demo.gif
- flag_au.gif
- flag_br.gif
- flag_ca.gif
- flag_de.gif
- flag_es.gif
- flag_fr.gif
- flag_in.gif
- flag_it.gif
- flag_jp.gif
- flag_mx.gif
- flag_nl.gif
- flag_uk.gif
- flag_us.gif
- sc-demo.gif
- screengrab1.jpg
- theballgame.jpg
- threejs-course-image.png
- threejs-typescript-250.jpg
- with-bsc5.jpg
- with-cannonjs.jpg
- with-csg.jpg
- with-socketio.jpg
- with-stats-gui.jpg
- with-stats.jpg
- with-webcam.jpg
- with-webxr.jpg
- - client.ts
  - tsconfig.json
  - webpack.common.js
  - webpack.dev.js
  - webpack.prod.js
- - server.ts
  - tsconfig.json
- - README.md
.gitignore
.prettierrc
LICENSE
package.json
README.md

1. 코드 내려받기

git clone https://github.com/Sean-Bradley/Three.js-TypeScript-Boilerplate

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd Three.js-TypeScript-Boilerplate

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

쉬움 추천

사전 준비물

npm install -g typescript

npm 레지스트리에 배포된 패키지를 전역으로 설치합니다. 소스 클론이 필요 없습니다.

✅ 설치 후 새 터미널을 열고, 프로그램의 버전 확인 명령(예: --version)으로 정상 설치됐는지 확인하세요.

이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.

쉬움

사전 준비물

npm install -g typescript

npm 레지스트리에 배포된 패키지를 전역으로 설치합니다. 소스 클론이 필요 없습니다.

npm install

package.json에 명시된 라이브러리들을 내려받아 설치합니다.

npm run dev

개발/실행 서버를 켭니다.

✅ 명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.

이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.