Featured image of post Roblox (Luau) 与 VSCode 的现代开发环境模板

Roblox (Luau) 与 VSCode 的现代开发环境模板

为使用 Roblox Studio (Luau) 和 VSCode 的开发者创建的 GitHub 模板,集成了 Selene 代码检查器、StyLua 代码格式化器、Wally 包管理器和 Rokit 工具管理器。

GitHub 模板

roblox-rojo-wally-template

这是什么?

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

  • 从 VSCode 同步到 Roblox Studio: Rojo
  • 代码检查器 (Linter): Selene
  • 代码格式化器 (Formatter): StyLua
  • 包管理器 (Package Manager): Wally
  • Rojo 和 Wally 的管理器: Rokit

ℹ️ Warning

不包含 CI/CD: CI/CD

安装

💡 Tip

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

安装 Rokit

Windows (PowerShell)

1
Invoke-RestMethod https://raw.githubusercontent.com/rojo-rbx/rokit/main/scripts/install.ps1 | Invoke-Expression

macOS / Linux

1
curl -fsSL https://raw.githubusercontent.com/rojo-rbx/rokit/main/scripts/install.sh | sh

安装 Rojo、Wally 等工具

1
2
3
rokit add rojo
rokit add wally
rokit add wally-package-types

安装包

1
2
3
4
5
wally install
rojo sourcemap default.project.json --output sourcemap.json
wally-package-types -s sourcemap.json Packages/
wally-package-types -s sourcemap.json ServerPackages/
wally-package-types -s sourcemap.json DevPackages/

安装 VSCode 扩展

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

使用方法

从 VSCode 启动 Rojo

“Ctrl + Shift + P”

“Rojo: Open Menu”

ℹ️ Note

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

“▶ default.project.json”

从 VSCode 启动 Rojo 的方法

从 Roblox Studio 连接 Rojo

“插件” (Plugins) 选项卡

“Rojo” 功能区

“Connect” 按钮

从 Roblox Studio 连接 Rojo 的方法

向 Wally 添加包

在 VSCode 中编辑 wally.toml 文件。

请访问 wally.run 网站,查找您需要的包,并通过“Install”复制其名称。

各个部分的分类如下:

[dependencies] 用于客户端和服务器

[server-dependencies] 仅用于服务器

[dev-dependencies] 仅用于开发和测试

编辑完成后,请再次执行安装包的步骤。

参考资料

How Big Studios Develop on Roblox

使用 Hugo 构建
主题 StackJimmy 设计