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.
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.