{"id":5036,"date":"2015-01-30T11:44:17","date_gmt":"2015-01-30T11:44:17","guid":{"rendered":"http:\/\/randomnerdtutorials.com\/?p=5036"},"modified":"2020-03-05T01:25:05","modified_gmt":"2020-03-05T01:25:05","slug":"cloud9-ide-on-the-beaglebone-black","status":"publish","type":"post","link":"https:\/\/randomnerdtutorials.com\/cloud9-ide-on-the-beaglebone-black\/","title":{"rendered":"Cloud9 IDE on the BeagleBone Black"},"content":{"rendered":"<div style=\"padding: 10px; line-height: 1.2; text-align: center; background-color: #f5f5f5;\">This entry is part 2 of 4 in the series <a href=\"https:\/\/randomnerdtutorials.com\/category\/bbb-series\/\">Getting Started with BeagleBone Black<\/a>. This post\u00a0was written by\u00a0Rui Santos and Lu\u00eds Perestrelo authors of <a href=\"https:\/\/amzn.to\/2TrwWEJ\" target=\"_blank\" rel=\"noopener noreferrer\">BeagleBone For Dummies<\/a> *<\/div>\n<p>\u00a0<\/p>\n<p>The <a href=\"https:\/\/c9.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">Cloud9<\/a> IDE is an open-source web based programming platform that supports several programming languages.<\/p>\n<p>This great piece of software comes installed on your <a href=\"http:\/\/amzn.to\/1xukLSK\" target=\"_blank\" rel=\"noopener noreferrer\">BeagleBone Black<\/a> * by default. And in our opinion this is one of the key features that makes the BBB a great programming board (the <a href=\"https:\/\/randomnerdtutorials.com\/getting-started-with-raspberry-pi\/\">Raspberry Pi<\/a> lacks a good IDE).<\/p>\n<p>The code you write on your computer web browser is immediately passed to your BeagleBone Black through SSH.<\/p>\n<p>Cloud9 also comes with other features such as: code completion, powerful search functions, drag-and-drop functionality, programming in multiple languages, SSH, FTP and a lot more.<\/p>\n<h2>Launching Cloud9 IDE<\/h2>\n<p>Grab your BeagleBone Black and connect it to your computer through a Mini USB cable. If you want more details, first read our <a href=\"https:\/\/randomnerdtutorials.com\/getting-started-with-the-beaglebone-black\/\">Getting Started with BeagleBone Black<\/a>.<\/p>\n<p>After the board boots up, open your web browser, and type <a href=\"http:\/\/192.168.7.2:3000\/\" target=\"_blank\" rel=\"noopener noreferrer\">http:\/\/192.168.7.2:3000<\/a> in the address bar. You see something similar to the following figure.<\/p>\n<p><img data-recalc-dims=\"1\" fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter wp-image-5037\" src=\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2015\/01\/cloud9_blinked.png?resize=638%2C431&#038;quality=100&#038;strip=all&#038;ssl=1\" alt=\"cloud9_blinked\" width=\"638\" height=\"431\" srcset=\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2015\/01\/cloud9_blinked.png?w=986&amp;quality=100&amp;strip=all&amp;ssl=1 986w, https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2015\/01\/cloud9_blinked.png?resize=300%2C203&amp;quality=100&amp;strip=all&amp;ssl=1 300w\" sizes=\"(max-width: 638px) 100vw, 638px\" \/><\/p>\n<h2>Cloud9 IDE overview<\/h2>\n<p>The following sections give you a closer look at the six main areas of the Cloud9 IDE.<\/p>\n<p><a href=\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2015\/01\/cloud9_callouts_added.png?quality=100&#038;strip=all&#038;ssl=1\"><img data-recalc-dims=\"1\" decoding=\"async\" class=\"aligncenter wp-image-5042\" src=\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2015\/01\/cloud9_callouts_added.png?resize=704%2C598&#038;quality=100&#038;strip=all&#038;ssl=1\" alt=\"cloud9_callouts_added\" width=\"704\" height=\"598\" srcset=\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2015\/01\/cloud9_callouts_added.png?w=966&amp;quality=100&amp;strip=all&amp;ssl=1 966w, https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2015\/01\/cloud9_callouts_added.png?resize=300%2C255&amp;quality=100&amp;strip=all&amp;ssl=1 300w\" sizes=\"(max-width: 704px) 100vw, 704px\" \/><\/a><\/p>\n<p><strong>Menus tab:\u00a0<\/strong>Like any computer application the menus in the Cloud9 IDE are organized in a very familiar way: File, Edit, Find, View, Goto, Run, Tools and Window.<\/p>\n<p><strong>Workspace:\u00a0<\/strong>You can access all your folders and files with the workspace window. Everything is organized in a hierarchy.<\/p>\n<p><strong>Editor:\u00a0<\/strong>When you open one of your scripts, the editor window looks like the one shown above. The editor highlights the functions according to the syntax of the programming of the file you have open.<\/p>\n<p><strong>Console:\u00a0<\/strong>When you run a script, the console prints the output of your application. Those messages are commonly used to debug your code.<\/p>\n<p><strong>Debugger:\u00a0<\/strong>The debugger is the perfect way to see exactly what is happening when you run your scripts. You can create a breakpoint so that your code runs only to a certain line that you define. You can also see which functions your code is calling and which values are stored in your variables.<\/p>\n<p><strong>Terminal:\u00a0<\/strong>You can control your BeagleBone Black directly from the web browser, meaning that you can update or install new software, move files, and perform other commands.<\/p>\n<p><strong>Tip:<\/strong>\u00a0Using Keyboard Shortcuts with Cloud9 IDE\u00a0can save you a ton\u00a0of time!\u00a0Read\u00a0<a href=\"http:\/\/www.dummies.com\/how-to\/content\/keyboard-shortcuts-for-beaglebones-cloud9-ide.html\" target=\"_blank\" rel=\"noopener noreferrer\">this article we wrote at dummies.com <\/a>where you can see all\u00a0\u00a0keyboard shortcuts.<\/p>\n<h2>Testing a BoneScript example<\/h2>\n<p>In your workspace area open your \u201c<strong>demo<\/strong>\u201d folder and double-click the file \u201c<strong>blinked.js<\/strong>\u201d. This basic script blinks all four USR LEDs and also pin P9_14 in your BeagleBone Black.<\/p>\n<p>To run you script simply press the <strong>Run<\/strong>\u00a0green button on the top center.<\/p>\n<p><a href=\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2015\/01\/cloud9_running_callouts.png?quality=100&#038;strip=all&#038;ssl=1\"><img data-recalc-dims=\"1\" decoding=\"async\" class=\"aligncenter wp-image-5043\" src=\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2015\/01\/cloud9_running_callouts.png?resize=601%2C456&#038;quality=100&#038;strip=all&#038;ssl=1\" alt=\"cloud9_running_callouts\" width=\"601\" height=\"456\" srcset=\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2015\/01\/cloud9_running_callouts.png?w=988&amp;quality=100&amp;strip=all&amp;ssl=1 988w, https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2015\/01\/cloud9_running_callouts.png?resize=300%2C228&amp;quality=100&amp;strip=all&amp;ssl=1 300w\" sizes=\"(max-width: 601px) 100vw, 601px\" \/><\/a><\/p>\n<p>Your BeagleBone Black should start blinking your USR LEDs immediately!<\/p>\n<p><strong>Note:<\/strong> If nothing happens after you click <strong>Run<\/strong>, you\u2019re probably running the script in debugger mode. To turn off debugger mode, click the little bug icon as shown in the Figure above.<\/p>\n<p><strong><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4972\" src=\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2015\/01\/beaglebone_black_solid_leds.jpg?resize=475%2C297&#038;quality=100&#038;strip=all&#038;ssl=1\" alt=\"beaglebone_black_solid_leds\" width=\"475\" height=\"297\" srcset=\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2015\/01\/beaglebone_black_solid_leds.jpg?w=475&amp;quality=100&amp;strip=all&amp;ssl=1 475w, https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2015\/01\/beaglebone_black_solid_leds.jpg?resize=300%2C188&amp;quality=100&amp;strip=all&amp;ssl=1 300w\" sizes=\"(max-width: 475px) 100vw, 475px\" \/><\/strong><\/p>\n<h2>Conclusion<\/h2>\n<p>That\u2019s all for now! In the next part will create\u00a0a web server with BoneScript that can be accessed with any device in your network to control outputs. If you enjoy this series make sure you subscribe\u00a0<a href=\"https:\/\/randomnerdtutorials.com\/download\">here<\/a>\u00a0so you don\u2019t miss our next blogs posts\u00a0using this board.<\/p>\n<p>Special thanks to Lu\u00eds Perestrelo for helping Rui Santos putting this series together!<\/p>\n<p><a href=\"https:\/\/randomnerdtutorials.com\/programming-the-beaglebone-black-with-bonescript\/\">This is part 2, read part 3 now! -&gt;<\/a><\/p>\n\n\n<p><em>* We are a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for us to earn fees by linking to Amazon.com and affiliated sites<\/em>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This entry is part 2 of 4 in the series Getting Started with BeagleBone Black. This post\u00a0was written by\u00a0Rui Santos and Lu\u00eds Perestrelo authors of BeagleBone For Dummies * \u00a0 &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"Cloud9 IDE on the BeagleBone Black\" class=\"read-more button\" href=\"https:\/\/randomnerdtutorials.com\/cloud9-ide-on-the-beaglebone-black\/#more-5036\" aria-label=\"Read more about Cloud9 IDE on the BeagleBone Black\">CONTINUE READING \u00bb<\/a><\/p>\n","protected":false},"author":1,"featured_media":5038,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[305,217,270,204,205,264,206],"tags":[],"class_list":["post-5036","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-0-other","category-bbb-series","category-beaglebone-project","category-beaglebone","category-beaglebone-black","category-project","category-b-tutorials"],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2015\/01\/cloud9_running.png?fit=988%2C663&quality=100&strip=all&ssl=1","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/randomnerdtutorials.com\/wp-json\/wp\/v2\/posts\/5036","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/randomnerdtutorials.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/randomnerdtutorials.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/randomnerdtutorials.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/randomnerdtutorials.com\/wp-json\/wp\/v2\/comments?post=5036"}],"version-history":[{"count":0,"href":"https:\/\/randomnerdtutorials.com\/wp-json\/wp\/v2\/posts\/5036\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/randomnerdtutorials.com\/wp-json\/wp\/v2\/media\/5038"}],"wp:attachment":[{"href":"https:\/\/randomnerdtutorials.com\/wp-json\/wp\/v2\/media?parent=5036"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/randomnerdtutorials.com\/wp-json\/wp\/v2\/categories?post=5036"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/randomnerdtutorials.com\/wp-json\/wp\/v2\/tags?post=5036"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}