Featured image of post Roblox(TypeScript)とVSCodeでモダンな開発環境のテンプレート

Roblox(TypeScript)とVSCodeでモダンな開発環境のテンプレート

Roblox Studio(TypeScript)とVSCodeを使用した、ESLintリンター、Prettierフォーマッター、pnpmパッケージマネージャーのGitHubテンプレートを作成しました

GitHubテンプレート

roblox-ts-rojo-template

これは何?

Roblox(TypeScript)でVSCodeを使ったモダンな開発環境のテンプレートです。

  • VSCode 👉 Roblox Studioへの同期: Rojo
  • リンター: ESlint
  • フォーマッター: Prettier
  • パッケージマネージャー: pnpm

❗ 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を起動して、Install Roblox Studio Plugin

「▶ default.project.json」

VSCodeからRojoの起動方法

Roblox StudioからRojo

「プラグイン」タブ

「Rojo」リボン

「Connect」ボタン

Roblox StudioからRojoの接続方法

Hugo で構築されています。
テーマ StackJimmy によって設計されています。