Skip to content

Webification environment setup

Josh Bodner edited this page May 15, 2024 · 24 revisions

Never done anything with git in your life? Don't worry about it! Follow this step by step guide to get your environment set up and ready to make some puzzles.

  1. Download git. Git is what we use to push all the files from your local machine into our Github repository (repo). Github IS A COMPLETELY DIFFERENT THING than git. Github is the website you're currently on and reading this. Git is a program you will download from this website. The default download should be fine, as well as all the default options during installation.
  2. Download Visual Studio Code. This is technically optional, but is very highly recommended because it makes working with PuzzleJS much easier than the alternative, which is applying a command-line flag to your browser. Visual Studio Code is available to download from the Microsoft Store, or from here. Again, the default download and install options should be fine.
  3. Install the Live Preview extension in VS Code. Once you've opened VS Code, click the boxes icon in the sidebar to open up the Extensions pane:
    image Search for "Live Preview", and then on its page, click the blue Install button. Once it's installed, it'll change to say Uninstall:
    image
Clone this wiki locally