# Source: https://learn.adafruit.com/webide/use.md

# Adafruit WebIDE

## Using the WebIDE

Danger: 

The Adafruit Learning System Raspberry Pi WebIDE is packed with neat features. &nbsp;Many of which aren't all that obvious. &nbsp;Here is a running list of all of those features, and how they work.

Danger: 

[https://github.com/adafruit/Adafruit-WebIDE/issues](https://github.com/adafruit/Adafruit-WebIDE/issues)![](https://cdn-learn.adafruit.com/assets/assets/000/002/172/medium800/adafruit_products_Using1.jpg?1396780142)

When you first load up the WebIDE for the first time, you should see something similar to what you see above (click on the image to view it in its full size).

1. Here is where you can view your editor settings.
2. Here is a list of all of your repositories. The Adafruit Raspberry Pi Python Code repository ([https://github.com/adafruit/Adafruit-Raspberry-Pi-Python-Code.git](https://github.com/adafruit/Adafruit-Raspberry-Pi-Python-Code.git)) is automatically cloned into your Bitbucket account. We have also created a my-pi-projects repository. If it has the little folder icon, that means there are files contained within. If it has an arrow icon, that means it is a file that can be viewed in the WebIDE.
3. Click here to clone a repository from Github or Bitbucket. Follow the instructions in the popup.
4. No matter where you are in the WebIDE, there will always be a terminal button. Click this to talk directly to your Raspberry Pi, or do things like install libraries without leaving the WebIDE. Handy!
5. When you first log in (or refresh your WebIDE in your browser), you will be greeted with a nice message. Read this for any news on the WebIDE.

&nbsp;

![](https://cdn-learn.adafruit.com/assets/assets/000/002/173/medium800/adafruit_products_Using2.jpg?1396780152)

When you view any of the included code examples from Adafruit, there are a couple unique items.

1. As with any piece of code, you can simply click the Run button to execute the code on your Raspberry Pi. &nbsp;The terminal will automatically open when you click Run.
2. The Adafruit code is read only, but you can easily copy this code to your my-pi-projects repository. &nbsp;Just click this link and it will automatically copy the folder, and all of its contents over.

![](https://cdn-learn.adafruit.com/assets/assets/000/002/174/medium800/adafruit_products_Using3.jpg?1396780159)

Once you have copied, imported, or created code from scratch in your my-pi-projects (or other repository), this is the screen you will see.

1. If you want to create a new file, press this button, and name your file (make sure to add a proper file type, like .py to the end of your name, otherwise the editor won't know what to do with it). &nbsp;Then click save to add your new file to the current folder.
2. You can also upload a premade file. &nbsp;Once again, make sure it is named properly before importing. &nbsp;You can also import images to the folder (and view those images right in the IDE).
3. Make sure to click save after making any changes to code. &nbsp;This will then update the files in your Bitbucket account.

![](https://cdn-learn.adafruit.com/assets/assets/000/002/175/medium800/adafruit_products_Using4.jpg?1396780167)

Renaming and deleting files is easy!

1. Just right click on any of the files that you want to change and the following box will pop up. &nbsp;Click delete to permanently delete that file. &nbsp;If you click rename, you will be asked what name you want the file to change to. &nbsp;Make the change, then click save.

![](https://cdn-learn.adafruit.com/assets/assets/000/002/176/medium800/adafruit_products_Using5.jpg?1396780172)

In the upper right of the WebIDE, you will see this.

1. If it is green, and says 'Connected', that means the WebIDE is communicating with your Raspberry Pi. If it is disconnected, the WebIDE will keep trying to make contact with your Pi for awhile, then it will finally give up. It will then ask you to reconnect your Pi, and refresh the browser.
2. You can log out of your Bitbucket account at any time by clicking Log out. 

What isn't shown in the image above is our auto-update feature. If we push out a new update for the WebIDE, you will see it pop up between 'Connected' and 'Log out'. Simply click the link, sit back, and the WebIDE will automatically download, unpack, install, restart your Raspberry Pi, and even refresh your browser for you. It doesn't get any easier than that.  
  
In order to see if there are updates available, refresh your browser every day.  
  
Once the WebIDE is installed, you can shutdown (shutdown -h now) or restart (shutdown -r now) your Pi anytime. The next time you want to use it, just start your Pi, and reload **raspberrypi.local** to log back into the WebIDE. - [Previous Page](https://learn.adafruit.com/webide/getting-started.md)
- [Next Page](https://learn.adafruit.com/webide/using-the-debugger.md)

## Featured Products

### Raspberry Pi Model B 512MB RAM

[Raspberry Pi Model B 512MB RAM](https://www.adafruit.com/product/998)
Adafruit ships the **Raspberry Pi Model B 512MB RAM** as of 10/18/2012.  
  
The Raspberry Pi® is a single-board computer developed in the UK by the Raspberry Pi Foundation with the intention of stimulating the teaching of basic computer science in schools. The Raspberry...

No Longer Stocked
[Buy Now](https://www.adafruit.com/product/998)
[Related Guides to the Product](https://learn.adafruit.com/products/998/guides)
### BeagleBone Black - Rev B

[BeagleBone Black - Rev B](https://www.adafruit.com/product/1278)
**[Adafruit is no longer shipping the BeagleBone Black Rev B, it has been replaced with the Rev C as of 5/12/14](https://www.adafruit.com/products/1876) - the Rev C now has 4G flash and also comes with Debian, it also costs slightly more. There are no exchanges or...**

No Longer Stocked
[Buy Now](https://www.adafruit.com/product/1278)
[Related Guides to the Product](https://learn.adafruit.com/products/1278/guides)
### Adafruit Pi Box -  Enclosure for Raspberry Pi Model A or B

[Adafruit Pi Box -  Enclosure for Raspberry Pi Model A or B](https://www.adafruit.com/product/859)
 **Discontinued** - you can grab&nbsp;[Adafruit Pi Box Plus - Enclosure for RasPi Model B+/Pi 2/ Pi 3](https://www.adafruit.com/product/1985) instead!&nbsp;

**We're still selling this classic Adafruit case for those who specifically want it but <a...></a...>**

No Longer Stocked
[Buy Now](https://www.adafruit.com/product/859)
[Related Guides to the Product](https://learn.adafruit.com/products/859/guides)
### Miniature WiFi (802.11b/g/n) Module: For Raspberry Pi and more

[Miniature WiFi (802.11b/g/n) Module: For Raspberry Pi and more](https://www.adafruit.com/product/814)
Make your Internet of Things device cable-free by adding WiFi. Take advantage of the Raspberry Pi and Beagle Bone's USB port to add a low cost, but high-reliability wireless link. We tried half a dozen modules to find one that works well with the Pi and Bone without the need of recompiling...

No Longer Stocked
[Buy Now](https://www.adafruit.com/product/814)
[Related Guides to the Product](https://learn.adafruit.com/products/814/guides)

## Related Guides

- [Trellis Python Library](https://learn.adafruit.com/trellis-python-library.md)
- [Adafruit DVI Sock for Pico](https://learn.adafruit.com/adafruit-dvi-sock-for-pico.md)
- [Introducing Adafruit ItsyBitsy M4](https://learn.adafruit.com/introducing-adafruit-itsybitsy-m4.md)
- [SMT Breadboard Prototyping Using Breakout PCBs](https://learn.adafruit.com/smt-prototyping-using-breakout-pcbs.md)
- [Getting Started with RTL-SDR and SDR-Sharp and CubicSDR](https://learn.adafruit.com/getting-started-with-rtl-sdr-and-sdr-sharp.md)
- [Adafruit STEMMA Reflective Photo Interrupt Sensor](https://learn.adafruit.com/adafruit-stemma-reflective-photo-interrupt-sensor.md)
- [Adafruit 9-DOF Orientation IMU Fusion Breakout - BNO085](https://learn.adafruit.com/adafruit-9-dof-orientation-imu-fusion-breakout-bno085.md)
- [Adafruit I2C to 8 Channel Solenoid Driver](https://learn.adafruit.com/adafruit-i2c-to-8-channel-solenoid-driver.md)
- [Controlling Motors using the Raspberry Pi and RasPiRobot Board V2](https://learn.adafruit.com/controlling-motors-using-the-raspberry-pi-and-raspirobot-board-v2.md)
- [Adafruit Feather 32u4 FONA](https://learn.adafruit.com/adafruit-feather-32u4-fona.md)
- [Adafruit Pi Stemma QT Breakout](https://learn.adafruit.com/adafruit-pi-stemma-qt-breakout.md)
- [Adafruit's Raspberry Pi Lesson 8. Using a Servo Motor](https://learn.adafruit.com/adafruits-raspberry-pi-lesson-8-using-a-servo-motor.md)
- [IoT Bird Feeder with Camera](https://learn.adafruit.com/iot-window-bird-feeder-with-camera.md)
- [Using the BMP085/180 with Raspberry Pi or Beaglebone Black](https://learn.adafruit.com/using-the-bmp085-with-raspberry-pi.md)
- [AR1100 Resistive Touch Screen Controller Guide](https://learn.adafruit.com/ar1100-resistive-touch-screen-controller-guide.md)