基于Typescript,使用Vite构建融合Vue.js的Babylon.js开发环境

 一、创建Vite项目

        使用Vite初始化一个Vue+TypeScript项目: 

npm create vite@latest my-babylon-app -- --template vue-ts
cd my-babylon-app

        npm create vite@latest my-babylon-app -- --template vue-ts 命令用于快速创建一个基于 Vite 的 Vue + TypeScript 项目。以下分三个部分解释以下这行命令的含义:

1.npm create vite@latest

  • npm   是 Node.js 的包管理工具,用于安装和管理项目依赖。
  • create   是   npm   提供的一个命令,用于运行一个初始化脚本,通常是某个包提供的脚本。
  • vite@latest   指定要运行的初始化脚本来自   vite   包的最新版本(  latest  )。  vite   是一个现代化的前端构建工具,支持快速开发和构建。

2、my-babylon-app

        my-babylon-app是新项目的名称,也是项目目录的名称。运行命令后,  npm   会创建一个名为   my-babylon-app   的文件夹,并在其中初始化项目。如果你想在当前所在目录创建内容,该项可以省略。

3、-- --template vue-ts  

  • --   是一个分隔符,用于将参数传递给   vite   的初始化脚本,而不是传递给   npm  。
  • --template vue-ts   是传递给   vite   的参数,指定项目模板。  vue-ts   表示使用 Vue 和 TypeScript 的模板。

        cd my-babylon-app命令是进入my-babylon-app目录,这样后面的安装的@babylonjs/core和@babylonjs/loaders都是在这个目录下安装。

 二、 安装依赖

        安装Babylon.js核心库和可选的加载器

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值