Introduction
These exercises are part of the "VS Code Can Do That" workshop from Front End Masters.
Last updated
These exercises are part of the "VS Code Can Do That" workshop from Front End Masters.
Last updated
These are important. You need to have these items installed to complete this workshop:
Clone the Github repo...
In the cloned repo there is a folder for each section of the workshop. To begin an exercise, open it in VS Code.
Some of the exercises contain multiple workspaces. This allows you to load multiple projects at the same time into VS Code. If this is the case, VS Code will prompt you. Select "Yes" to open the workspace file.
There will be a "start" project and a "solution" project in the workspace. Work in the "start" project and refer to the "solution" project for the finished exercise should you get stuck.
All projects can be run and viewed in the browser by executing the npm start command. Open a terminal instance in VS Code with Cmd/Ctrl + `. Make sure that you are in the right project ("start" or "solution") and run npm start
This should start a server on port 3000 and open a browser tab. Any changes you make will automatically be reflected in the browser.
If the server starts on a different port, such as 3001 or 3002, this is because another process is currently running on port 3000. This is ok, but you may get confused during the exercises. It's a better idea to find the running process and kill it.
Mac/Linux:
lsof -i tcp:3000
Find the ID of the process
kill <process id>
Windows
netstat -ano | findstr :3000
Find the ID of the process
taskkill /PID typeyourPIDhere /F
Note that for Windows, you must be running the Command Prompt as an Administrator.
Windows
Once you're strong enough, save the world:
