Development Environment Setup

Setting up your local development environment

Local Development Environment Set-Up#

Now that we have reviewed the high-level design for the School Lunch application, we are ready to set up our local development environment and then start working with Svelte.

The first tool we need is Node.js. If you don't already have Node installed, head over to https://nodejs.org/en/download/ to download and run the appropriate installer for your operating system.

Once you have Node installed, open your command line and run the command node -v. If the installation was successful, this will print the installed Node version.

You will also need a code editor. If you don't already have a favorite installed, VSCode is a fantastic open-source code editor that works well for JavaScript projects like the one we'll be building.

The VSCode installer can be found at: https://code.visualstudio.com/

Source Code Organization#

As explained before, the project will be organized into two main parts - the front end and the back end. Since we are fulfilling the role of full-stack developer here, we will keep the frontend and backend files together under a parent project folder.

Our high-level folder structure will look like this:

Go ahead and create a local directory called school-lunch. If you like the command line you can use:

We're making progress! In the next lesson, we will initialize a Svelte project and run it locally.

Please select a discussion on the left.