Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>StorytailorNew to Visual Studio Code? Get it now.
Storytailor

Storytailor

jack.storytailor

|
236 installs
| (0) | Free
Adds Storytailor programming language support to vscode
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

storytailor-vscode

extension for vscode that provides support for the storytailor programming language

note that this is an experimental build, so some rules may change

Storytailor instruction (rus)

###This readme file was written on storytailor

Getting started

The easiest way to start working is to open empty folder inside vscode and copy to that folder example project. To do that

Open empty folder

Empty folder

Right-click on your project root folder and choose "Initialize example project in a working root" from dropdown menu

init example project

This operation copies example project to your root folder. Keep in mind that this command will override corresponding files if any.

Confirm copying

Confirm copying

Test project has been copied to your root folder. Structure of your project should look similar to this:

example prject created

Install node modules. To do that

Open terminal

open terminal

Type command "npm install" or "npm i" into terminal and press "ENTER"

npm install in terminal

Node modules are installed

node modules are installed

Now you can close terminal

Close terminal

Source files are in projectRoot/story folder (*.sts)

исходники истории

Project preparation is done. This is it's working state

Now it's time to build project

Open file with story source. For instance, projectRoot/story/index.sts

Open Command Palette (Menu View -> Command Palette or Ctrl+Shift+P hotkey)

command palette

command palette openned

Choose command "Compile: Compile and show preview" (Ctrl+Alt+P by default)

compile and show preview

Story compiled to typescript are saved to projectRoot/src. typescript files compiled to javascript are saved to projectRoot/out folder.

compiled story

When story build is done, storytailor preview opens

Preview story

Preview window can be placed as you wish

layout variant 2

layout variant 3

Text that is shown in preview window is saved to projectRoot/story output.txt file

story output

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft