Featured image of post A Modern Development Environment Template for Roblox (TypeScript) and VSCode

A Modern Development Environment Template for Roblox (TypeScript) and VSCode

I created a GitHub template for Roblox Studio (TypeScript) and VSCode that includes the ESLint linter, Prettier formatter, and pnpm package manager.

GitHub Template

roblox-ts-rojo-template

English 日本語

What is this?

This is a template for a modern development environment using VSCode for Roblox (TypeScript).

❗ Caution

Functionality is unconfirmed, but popular packages have been included.

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

ℹ️ Note

Confirmed to work

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

ℹ️ Warning

CI/CD is not included.

Installation

💡 Tip

You can use this via the “Use this template” button.

Install Packages

1
pnpm install

Install VSCode Extensions

When you open this project, VSCode will recommend the following extensions. Please install them.

Usage

From VSCode to Rojo

1
pnpm run watch

Ctrl + Shift + P

Rojo: Open Menu

ℹ️ Note

If this is your first time, launch Roblox Studio and install the Roblox Studio Plugin.

▶ default.project.json

How to start Rojo from VSCode

From Roblox Studio to Rojo

“Plugins” tab

“Rojo” ribbon

“Connect” button

How to connect Rojo from Roblox Studio

Built with Hugo
Theme Stack designed by Jimmy