Atomic Editor TypeScript Development Setup
Clone this wiki locally
The Atomic Editor application is a UI and script extension of the native ToolCore library. The editor is primarily extended with TypeScript which is located under Script/AtomicEditor in the repository.
This is a recipe for setting up a basic TypeScript environment for working on the Atomic Editor (not projects). The method described uses VSCode. It is also possible to use Atom with the TypeScript plugin.
Download Visual Studio Code
Setting up for Atomic Editor development
This recipe will take a varying amount of time based on what tools are installed. At least 15 minutes will be required to complete these steps:
Build the Atomic Editor from source. This isn't as scary as it may sound using these simple one line instructions.
In your local source tree, open AtomicGameEngine/Script/tsconfig.json and find the line
Depending on your platform change this line to:
(This will change the compiled TypeScript to be output in the built Atomic Editor instead of the normal staging location)
Open the AtomicGameEngine/Script folder in VSCode and configure a Task Runner - you can do this by opening the Command Palette (
View > Command Paletteor
CTRL + SHIFT + P) and finding
Tasks: Configure Task Runner. Select
TypeScript: tsconfig.jsonin the task runners available.
AtomicEditor/main.tsand modify the main method to output some text by adding
console.log("Hello Atomic Editor!");then build by pressing
CTRL + SHIFT + B(If you're on macOS/Linux and receive an error, you may have to install TypeScript using
npm install -g typescript)
The Atomic Editor binary built in step 1 is in the Artifacts/AtomicEditor folder, run it and open the developer console using the
Developer > Show Consolemenu. Near the top of the console log you should see
"Hello Atomic Editor!"
Congratulations! You can now edit and add new Atomic Editor TypeScript with VSCode!