This is highly experimental, highly incomplete, and completely undocumented. Expect bugs! For now, a traditional development setup will be more productive. That will change.
It's a little weird that the process of creating websites — which are inherently visual and interactive — is so heavily centered on the command-line and on blindly manipulating symbols. Previous attempts to improve programming workflows have focused on novel languages and editing paradigms, but they have not become mainstream.
The hypothesis behind Sapper Studio is twofold:
Sapper Studio is an Electron app. For now, you'll need to clone this repo and run it locally; there is no pre-packaged version.
git clone https://github.com/sveltejs/sapper-studio.git
cd sapper-studio
yarn
yarn build
yarn startThis will open the launcher window, where you can select an existing Sapper project on your machine, or create a new one.
Sapper Studio uses svelte-subdivide for layout. While pressing the Cmd key, drag from the edge of a 'pane' to create a new one. (TODO demo this with gifs, and improve the interface itself.) Select a new pane type from the dropdown in the pane's top-left corner.