Major site overhaul: resources hub, content migration, new blog posts, forms

- Redesign /resources as sectioned hub with category pages
- Migrate 645 Squarespace CDN images to local /images/content/
- Create 9 new news/blog posts with event photos
- Fix blog post slugs (rename gibberish filenames)
- Rename Design Blog to Design Blogs across site
- Remove education page, replace with Platform in nav
- Redesign rover repair request form with dynamic rover entries
- Add school search combobox to contact, store, and repair forms
- Extract shared KNOWN_SCHOOLS data
- Make /rover-expansion-3d-printing dynamically pull from MDX
- Add related resources sections to product pages
- Fix homepage broken /quote links to /store
- Store page: sample kit cards, inline quote builder, mailing list opt-in
This commit is contained in:
Tim Hadwen
2026-03-01 17:14:05 +10:00
parent 707c49dd3f
commit ae3ae18585
1212 changed files with 2477 additions and 6948 deletions

View File

@@ -1,7 +1,7 @@
---
title: "How To Install Visual Studio Code"
date: "2022-08-03"
categories: ["All", "Guides"]
categories: ["All", "Advanced Guides"]
tags: ["Python", "Install Guide", "VS Code"]
excerpt: "Learn how to install Visual Studio Code."
featuredImage: "/images/resources/install-guide-vs-code.png"
@@ -17,162 +17,48 @@ You first need to install a version of the Python programming language equal to
Look for the part of the webpage that looks like the below image, then click the download link next to the version you wish to use.
![](https://images.squarespace-cdn.com/content/v1/60a43bf842d7b601064a8828/cc4f4356-444e-4eb0-8700-8a8b7d91307a/image7.png)
![](/images/content/2836d0-image7.png)
Scroll to the bottom of the next page until you find the “Files” section, as seen in the image below. Then click on the version corresponding to your computer. For this guide, we will be using a 64-bit Windows 10 machine, so we will click the last link.
![](https://images.squarespace-cdn.com/content/v1/60a43bf842d7b601064a8828/1f50fe10-6b77-4e97-a93d-cce90b01b6dd/image9.png)
![](/images/content/efc97e-image9.png)
Double-click on the installer once the file has finished downloading, and you should be greeted with the python Setup window. Ensure that the “Add Python 3.XX to PATH” check box is ticked down the bottom and click “Install Now”.
![](https://images.squarespace-cdn.com/content/v1/60a43bf842d7b601064a8828/b03dbcf6-d982-4805-b28f-7ba20d3c5498/image8.png)
![](/images/content/ec3552-image8.png)
Once python has finished installing, you will be shown the following screen. Click on “Disable Path Length Limit” to ensure that Python will be accessible from the command prompt.
![](https://images.squarespace-cdn.com/content/v1/60a43bf842d7b601064a8828/677ac846-ddb7-4cc2-9cbb-c12c221cdb66/image11.png)
![](/images/content/a4dba3-image11.png)
### **Installing VS code**
To download this IDE, go to the following link: [https://code.visualstudio.com/download](https://code.visualstudio.com/download) and download the version corresponding to your computer.
![](https://images.squarespace-cdn.com/content/v1/60a43bf842d7b601064a8828/0a21d588-36e2-4f1e-8aa4-ae3922ac34c0/image10.png)
![](/images/content/082ffb-image10.png)
Double-click on the installer once the file has finished downloading, and you should be greeted with the setup window. Keep clicking “Next” until the window shown in the next image appears, ensure that the following checkboxes are ticked, and complete the installation.
![](https://images.squarespace-cdn.com/content/v1/60a43bf842d7b601064a8828/db2e5e0b-7986-460b-b42c-781e9f3c0f80/image2.png)
![](/images/content/62fc6c-image2.png)
Once setup has been completed, open VS Code and click on the extensions logo on the left-hand side of the editor window. This is highlighted in red in the following image. Type “python” into the search bar, click the result highlighted in red in the following image and install it.
![](https://images.squarespace-cdn.com/content/v1/60a43bf842d7b601064a8828/dbf2135f-0ab7-4109-8261-f44ab1b58366/image1.png)
![](/images/content/151902-image1.png)
Now navigate back to the project tab by clicking on the logo highlighted in red on the left-hand side of the editor window in the following image. You will need to make a folder on your computer where we will save our first project. Once you have made a folder, click on the “Open Folder” button highlighted in red in the below image to open it in VS code. It is best that you make a folder for your project somewhere you can find it later.
![](https://images.squarespace-cdn.com/content/v1/60a43bf842d7b601064a8828/67f128ab-9392-48c1-b5d9-730eb56cdb23/image4.png)
![](/images/content/6c81ec-image4.png)
We can now make a new Python file by clicking on the “New File” button and then clicking on “Python File” seen highlighted in red in the following image:
![](https://images.squarespace-cdn.com/content/v1/60a43bf842d7b601064a8828/38a4886f-1cce-4e34-b3cb-b286ee382a63/image3.png)
![](/images/content/16ae89-image3.png)
We now need to install the Micromelon Python module, allowing you to connect to and program the Rover. To do this, click on the “Terminal” button highlighted in red, then click “New Terminal” in the drop-down. This will open a new panel at the bottom of the window where you can interact with the Windows Terminal, highlighted in red in the following image.
![](https://images.squarespace-cdn.com/content/v1/60a43bf842d7b601064a8828/93906949-f56c-4c5c-b7f7-e4842381ff02/image6.png)
![](/images/content/ac4e5b-image6.png)
```
`Click on the Terminal panel and type “pip install micromelon” to download and install the Micromelon Python package, as seen in the following image, and press enter.`
```
Click on the Terminal panel and type “pip install micromelon” to download and install the Micromelon Python package, as seen in the following image, and press enter.
![](https://images.squarespace-cdn.com/content/v1/60a43bf842d7b601064a8828/6cf10325-2aa1-4f86-a9a6-b20f40b4aa39/image5.png)
![](/images/content/09c38e-image5.png)
You have completed all the steps required to set up VS code to use Python and the Micromelon Python Module. Follow our guide here to make your first Rover program.
### Related Posts
Resources
[
![](https://images.squarespace-cdn.com/content/v1/60a43bf842d7b601064a8828/1639455538805-9NI7CPKR7IYG6D4RBKAN/high+quality+sumo.png)
](/resources/creating-a-sumo-unit)
[All](/resources?category=All)
[Creating A Sumo Unit For Your Digital Technologies Class](/resources/creating-a-sumo-unit)
[All](/resources?category=All)
How to run a sumo unit in your digital technologies classroom.
[Read More →](/resources/creating-a-sumo-unit)
[All](/resources?category=All)
[
![](https://images.squarespace-cdn.com/content/v1/60a43bf842d7b601064a8828/1637464845856-BBPD7GTIIHHOSJCFORWF/the+ultrasonic+sensor.png)
](/resources/ultrasonic-sensor)
[All](/resources?category=All), [Guides](/resources?category=Guides)
[The Ultrasonic Sensor](/resources/ultrasonic-sensor)
[All](/resources?category=All), [Guides](/resources?category=Guides)
Learn all about the ultrasonic sensor!
[Read More →](/resources/ultrasonic-sensor)
[All](/resources?category=All), [Guides](/resources?category=Guides)
[
![](https://images.squarespace-cdn.com/content/v1/60a43bf842d7b601064a8828/1625616494179-LZHZP5MUA0E0MQKEB7HC/cropped+image+4.png)
](/resources/year-7-digital-tech-at-st-peters)
[All](/resources?category=All), [Customer Stories](/resources?category=Customer+Stories)
[Case Study: Year 7 Digital Tech at St Peters Lutheran College](/resources/year-7-digital-tech-at-st-peters)
[All](/resources?category=All), [Customer Stories](/resources?category=Customer+Stories)
See how Meg Foley at St Peters conducted a challenge for their Year 7s using Micromelon.
[Read More →](/resources/year-7-digital-tech-at-st-peters)
[All](/resources?category=All), [Customer Stories](/resources?category=Customer+Stories)
[
![](https://images.squarespace-cdn.com/content/v1/60a43bf842d7b601064a8828/1637464675848-K9YEOYK65IWRFRX4QJ1R/blog+header+image+.png)
](/resources/robot-simulator)
[All](/resources?category=All), [Getting Started](/resources?category=Getting+Started)
[Getting Started With The Robot Simulator](/resources/robot-simulator)
[All](/resources?category=All), [Getting Started](/resources?category=Getting+Started)
How to get started with the Micromelon Robot Simulator.
[Read More →](/resources/robot-simulator)
[All](/resources?category=All), [Getting Started](/resources?category=Getting+Started)
[
![](https://images.squarespace-cdn.com/content/v1/60a43bf842d7b601064a8828/1626837419969-WBB4D85KQIXSOP750N5M/resized+banner+%281%29.png)
](/resources/getting-started-with-the-micromelon-rover)
[All](/resources?category=All), [Getting Started](/resources?category=Getting+Started)
[Getting Started With The Micromelon Rover](/resources/getting-started-with-the-micromelon-rover)
[All](/resources?category=All), [Getting Started](/resources?category=Getting+Started)
Crash course on basic rover function, how and what to program and starter activities to attempt.
[Read More →](/resources/getting-started-with-the-micromelon-rover)
[All](/resources?category=All), [Getting Started](/resources?category=Getting+Started)
[
![](https://images.squarespace-cdn.com/content/v1/60a43bf842d7b601064a8828/1622691207784-0X6JV7RYRQXZAFRG712S/pisonescape.png)
](/resources/prison-escape)
[Activities](/resources?category=Activities), [All](/resources?category=All)
[Activity: Prison Escape](/resources/prison-escape)
[Activities](/resources?category=Activities), [All](/resources?category=All)
Learn branching and iteration using the colour sensors and motors.
[Read More →](/resources/prison-escape)
[Activities](/resources?category=Activities), [All](/resources?category=All)