vue-3d-loader

(★ 278)

VueJS and threeJS 3d viewer plugin

파일 탐색기

최종 버전 다운로드 (.zip)
  • .dockerignore
  • .gitignore
  • .npmignore
  • demo.gif
  • Dockerfile
  • index.html
  • LICENSE
  • package-lock.json
  • package.json
  • readme.md
  • readme_CN.md
  • tsconfig.json
  • tsconfig.node.json
  • vite.config.ts
  • yarn.lock

# 설치 가이드

1. 코드 내려받기
git clone https://github.com/king2088/vue-3d-loader

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

cd vue-3d-loader

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

2. Docker

쉬움 추천
사전 준비물
  • Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
  • Docker Desktop 컨테이너를 빌드하고 실행하려면 필요합니다. 설치 후 실행해서 백그라운드에 켜두세요.
docker build -t vue-3d-loader .

Dockerfile을 기반으로 실행 가능한 이미지를 빌드합니다.

docker run -p 8080:80 vue-3d-loader

빌드된 이미지를 실제 컨테이너로 실행합니다.

✅ 터미널에 docker compose ps 를 입력해 컨테이너들이 Up 상태인지 확인하세요. README에 포트 번호가 적혀있다면 브라우저에서 http://localhost:포트번호 로 접속해보세요.

3. Node.js

쉬움
사전 준비물
  • Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
  • Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.
npm install

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

npm start

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

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

오늘의 추천 프로젝트

TypeScript ★ 110,354

TypeScript는 깔끔한 JavaScript 출력 코드로 컴파일되는 JavaScript의 상위 집합입니다.

Go
vue-element-admin ★ 90,207

:tada: A magical vue admin

Vue
godot ★ 115,961

Godot Engine – 멀티플랫폼 2D 및 3D 게임 엔진

C++
ai-agents-for-beginners ★ 72,946

AI Agents 빌딩을 시작하기 위한 18가지 레슨

Jupyter Notebook
javascript ★ 148,124

Airbnb의 JavaScript 스타일 가이드입니다. JavaScript 작성 시 가독성을 높이고 유지보수를 용이하게 하기 위한 포괄적인 규칙과 모범 사례를 담

JavaScript
hackingtool ★ 79,054

해커를 위한 올인원 해킹 툴

Python
// repository documentation