mirror of
https://github.com/google/blockly.git
synced 2026-05-02 01:50:12 +02:00
Greg Annandale
43 lines
1.4 KiB
Plaintext
43 lines
1.4 KiB
Plaintext
---
|
|
slug: /codelabs/context-menu-option/setup
|
|
description: Setting up the "Customizing context menus" codelab.
|
|
---
|
|
|
|
import Image from '@site/src/components/Image';
|
|
|
|
# Customizing context menus
|
|
|
|
## 2. Setup
|
|
|
|
### Download the sample code
|
|
|
|
You can get the sample code for this code by either downloading the zip here:
|
|
|
|
[Download zip](https://github.com/RaspberryPiFoundation/blockly/archive/main.zip)
|
|
|
|
or by cloning this git repo:
|
|
|
|
```bash
|
|
git clone https://github.com/RaspberryPiFoundation/blockly.git
|
|
```
|
|
|
|
If you downloaded the source as a zip, unpacking it should give you a root folder named `blockly-main`.
|
|
|
|
The relevant files are in `docs/docs/codelabs/context-menu-option`. There are two versions of the app:
|
|
|
|
- `starter-code/`: The starter code that you'll build upon in this codelab.
|
|
- `complete-code/`: The code after completing the codelab, in case you get lost or want to compare to your version.
|
|
|
|
Each folder contains:
|
|
|
|
- `index.js` - The codelab's logic. To start, it just injects a simple workspace.
|
|
- `index.html` - A web page containing a simple blockly workspace.
|
|
|
|
To run the code, simple open `starter-code/index.html` in a browser. You should see a Blockly workspace with an always-open flyout.
|
|
|
|
<Image
|
|
src="/images/codelabs/context-menu-option/starter_workspace.png"
|
|
alt='A web page with the text "Context Menu Codelab" and a simple Blockly workspace.'
|
|
className="codelabImage"
|
|
/>
|