2.0 | How to build and run (Windows)

1. Download and install VS Code (https://code.visualstudio.com/Download)

2. Download and install Node.js (https://nodejs.org/en/download)

3. Download and install git (https://git-scm.com/downloads)

4. Download and install the JRE (https://java.com/en/download)

5. Open PowerShell or cmd

6. Clone the repository

   git clone https://github.com/racz16/WebGL-GLSL-Editor.git
   

7. Go inside the repository's root folder

   cd WebGL-GLSL-Editor
   

8. Install dependencies

   npm install
   

9. Generate code

   npm run compile-antlr-windows
   

   You have to generate code again, every time you change the AntlrGlslLexer.g4 or the AntlrGlslParser.g4 files.

10. Open the repository's root folder in VS Code

    code .

    When VS Code opens, it'll suggest you install the recommended extensions. They're all useful, but TypeScript + Webpack Problem Matchers is required, without it, you won't be able to run the extension.

11. Press F5, to run the extension.

    In the Run and Debug tab, you can choose between the desktop and the web version.

    By running the run-in-browser script, you can try the web extension in an actual browser.