참을성이없는 Babylon.js TypeScript 프로젝트 설정

Unsplash에 Jusdevoyage의 사진

빠른 시작

TypeScript에서 babylon.js 프로젝트를 시작하려면 적절한 설정이 필요합니다. 쉬운 방법은 GitHub에서 템플릿을 복제하는 것입니다. 여기에서 만들었습니다.

압축을 풀고 원하는대로 이름을 지정한 후 VS Code로 폴더를 엽니 다. 터미널 에서 다음을 실행하십시오 .

npm install
npm run build
npm run watch

이것이 바로 Babylon JS에서 TypeScript 프로젝트를 시작하는 데 필요한 것입니다. JavaScript에 비해 훨씬 더 나은 경험을 할 수 있으므로 TypeScript를 적극 권장합니다.

TypeScript 프로젝트가 얼마나 정확하게 설정되었는지 궁금하다면 나머지 기사를 계속 읽을 수 있습니다.

비하인드 스토리

프로젝트 설정

npm이 이미 설정되어 있어야합니다. 그렇지 않은 경우https://www.npmjs.com/ 설치합니다.

프로젝트에 대한 폴더를 만듭니다. Visual Studio Code로 폴더를 엽니 다.

코드에서 [터미널]-> [새 터미널]

npm init
npm install --save-dev typescript webpack ts-loader webpack-cli
npm install --save babylonjs@preview babylonjs-loaders@preview babylonjs-gui@preview

tsconfig.json 만들기

package.json 파일은 npm에 의해 자동으로 생성됩니다. 스크립트 아래에 두 줄을 추가합니다.

"scripts": {
    "build": "webpack",
    "watch": "webpack -w",
    "test": "echo \"Error: no test specified\" && exit 1"
},

매우 기본적인 index.html .

typescript 프로그램을 위해 src 라는 폴더를 만듭니다 . 이것은 실제 코딩을하는 곳입니다. 이 폴더 아래에 app.ts 라는 파일을 만듭니다 . (이것은 webpack.config.js의 항목 섹션에 정의되어 있습니다 )

app.ts에서 장면을 작성할 수 있습니다.

짓다

npm run build

npm run watch

짜잔. Babylon JS 및 TypeScript를 즐기십시오.

Suggested posts

Python Datetime 모듈에서 반드시 알아야 할 4 가지 객체

포괄적 인 실용적인 가이드

Python Datetime 모듈에서 반드시 알아야 할 4 가지 객체

시간은 많은 데이터 과학 관련 작업에서 중요한 기능입니다. 예를 들어, 일일 판매 및 재고 정보는 소매 분석에 매우 중요합니다.

N + 1 문제 선택

모든 것은 비용이 있습니다.

N + 1 문제 선택

개발자의 경우 ORM (Object-relational mapping)을 사용하면 삶을 상당히 단순화 할 수 있지만 알아야 할 자체 캐치 세트가 있습니다. 더 심각한 문제 중 하나는 Select N + 1 문제입니다.