# KidsBlock Development Environment Configuration


Link for the KidsBlock Development Environment Configuration：[https://kidsblocksite.readthedocs.io/en/latest/](https://kidsblocksite.readthedocs.io/en/latest/)



<span style="color: rgb(255, 76, 65);">**Note:** The control board in this kit adopts kidsUno. For importing kidsUno mainboard and library and uploading example codes, please refer to the followings:</span>

1.Click![Img](./media/152.png) to enter the main page, and select the control board needed. In this project, we select the kidsUno mainboard and click **Connect**, then it is connected.
Click Go to Editor to return the code editor. 
Icon![Img](./media/153.png) will change into ![Img](./media/154.png) and ![Img](./media/155.png) will change into ![Img](./media/156.png). This means the kidsUno mainboard and ports（COM）are connected.  

![Img](./media/157.png)

![Img](./media/158.png)

![Img](./media/159.png)

![Img](./media/160.jpg)

2.If the kidsUno mainboard is connected , but icon![Img](./media/161.png) doesn’t change into ![Img](./media/162.png). You need to click to connect the COM port.
Click![Img](./media/163.png). Then you will find a page pop up, showing Connected.

![Img](./media/164.jpg)

![Img](./media/158.png)

![Img](./media/159.png)

![Img](./media/160.jpg)

To disconnect the port, just click![Img](./media/165.png) and Disconnect.

![Img](./media/166.png)

3.The kidsUno mainboard and the COM port are connected, then ![Img](./media/167.png) automatically switches to ![Img](./media/168.png).

![Img](./media/169.jpg)

![Img](./media/170.jpg)

<span style="color: rgb(255, 76, 65);">Note：</span>If you want to update libraries of KidsBlock, click then Clear cache and restart.

![Img](./media/171.png)

4.![Img](./media/172.png)stands for extension libraries of sensors and modules. 
Click ![Img](./media/173.png)to enter the page of extension libraries, click a sensor or module to add. For example, if click the **passive buzzer** module,**Not loaded** will change into **Loaded**. Then the passive buzzer![Img](./media/174.png) is added.

![Img](./media/175.png)

![Img](./media/176.png)

![Img](./media/177.png)

Click![Img](./media/178.png) to return to the code editor. Then you can view the passive buzzer in the blocks area.

![Img](./media/179.png)

If you want to delete the **passive buzzer**, click![Img](./media/180.png) to select the passive buzzer![Img](./media/181.png). Then **Loaded** will change into **Not loaded**. Then the passive buzzer is deleted.

![Img](./media/182.png)

![Img](./media/183.png)

The way of deleting other sensors or modules is as same as the passive buzzer.

5.How to open SB3 type files：

The first method：Double-click SB3 type files to open them.
For instance, open![Img](./media/c09.png), then we need to double-click it.

![Img](./media/c10.jpg)


The second method: Open Kidsblock，click **file** and **Load from your computer**，then select the SB3 type file on the computer.（for example![Img](./media/c09.png)）

![Img](./media/186.png)

![Img](./media/c22.png)

![Img](./media/c10.jpg)