Featured image of post 使用 Roblox (TypeScript) 和 VSCode 的现代开发环境模板

使用 Roblox (TypeScript) 和 VSCode 的现代开发环境模板

我创建了一个使用 Roblox Studio (TypeScript) 和 VSCode 的 GitHub 模板,集成了 ESLint Linter、Prettier Formatter 和 pnpm 包管理器。

GitHub 模板

roblox-ts-rojo-template

这是什么?

这是一个使用 VSCode 为 Roblox (TypeScript) 开发的现代开发环境模板。

❗ Caution

虽然尚未确认其功能,但已包含了一些知名的包。

  • “@rbxts/janitor”
  • “@rbxts/profileservice”
  • “@rbxts/replicaservice”
  • “@rbxts/cmdr”
  • “@rbxts/testez”

ℹ️ Note

确认运行

  • “@rbxts/react”
  • “@rbxts/react-roblox”

ℹ️ Warning

不包含 CI/CD。

安装

💡 Tip

您可以通过点击 “Use this template” 按钮来使用。

安装包

1
pnpm install

安装 VSCode 扩展

当您打开此项目时,VSCode 会提示您安装以下扩展,请进行安装。

使用方法

从 VSCode 启动 Rojo

1
pnpm run watch

按下“Ctrl + Shift + P”

选择“Rojo: Open Menu”

ℹ️ Note

如果是首次使用,请启动 Roblox Studio 并安装 Roblox Studio 插件(Install Roblox Studio Plugin)。

点击“▶ default.project.json”

从VSCode启动Rojo的方法

从 Roblox Studio 连接 Rojo

“插件”选项卡

Rojo 功能区

“Connect”按钮

从Roblox Studio连接Rojo的方法

使用 Hugo 构建
主题 StackJimmy 设计