Tools
To code our bespoke formats, all you need is a text editor and a browser. We recommend using Atom or Visual Studio Code with Google Chrome. Both VS Code and Atom allow you to run a local http: server from the text editor itself. Note that our boilerplates must be loaded via the http: protocol; clicking to open the files directly (using the file: protocol) will not work.
Visual Studio Code
| # | VS Code - Setup |
|---|---|
| 1 | Download and install VS Code from code.visualstudio.com/download. |
| 2 | After opening VS Code, go to File > Preferences on Windows, or Code > Preferences on Mac, and click Extensions. |
| 3 | Find Live Server (type live server) and click to install. |
| 4 | Run the live server by pressing [alt] + L, then [altd] + O on Windows; or [cmd] + L, then [cmd] + O on Mac. You can also click the Go Live button in the bottom right. |
Atom
| # | Atom - Setup |
|---|---|
| 1 | Download and install Atom from atom.io. |
| 2 | After opening Atom, go to File > Settings on Windows, or Atom > Preferences on Mac, and click Install. |
| 3 | Find the package by typing atom-live-server and click to install. |
| 4 | Run the live server by pressing [ctrl] + [alt] then L on Windows; or [opt] + [cmd] then L on Mac. |
Google Chrome
There is nothing essential to setup in Chrome. To open the DevTools and console, either right-click > Inspect or use keyboard shortcut [ctrl] + [alt] + i on Windows; or [opt] + [cmd] + i on Mac. Full documentation: https://developer.chrome.com/docs/devtools/