事實上這個系統已經有一個很棒的程式語言編輯工具軟體叫做Cloud9 IDE , 不需要任何安裝和設定,就可以直接進行, 安裝、設定、和執行,並且設定中斷點和除錯,官方的網站在此https://c9.io/
![7-1a](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vnXmWRj44lljsm6RYk5toKlOHkogR-krVFZLcHA9lFIEG4Hw7_ouZySEEh_4w4KiIOxUepbf_PVNBHWOBDETVDNhpQslhjfEJe4fbAqxKogqhFA1XWsO861_XzOJT2yGTmfJGJR4Ex=s0-d)
圖7-1a Cloud9 官方的網站
STEP1: 連接USB 到電腦上
請透過USB 連到電腦上,就是把USB 線接到BeagleBone Black 上,另外一頭你可以接到電腦上。
接下來的話,就會看到BeagleBone Black板子上燈光的閃爍,代表正在開機中,請稍等10秒,等完成順利開機。
STEP2: 瀏覽器進入192.168.7.2
在請請透過瀏覽器chrome 或Firefox ,進入192.168.7.2網頁進入BBB 的網頁中,並 點選網頁中下方的「Cloud9 IDE」選項,如下圖所示圈起來的位置的位置。
![7-2a](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_stlivd8BNKCT7w6whFrvYJmiNQWk0wqhpYmpE_iz-48snfxpwmjIfeBrWqHW1-ck1-qWqKgHPTY2KOrHKKLz3DtIegxD1G28vUbZClPvWbjeimm74RwvxV6uZ3f0e5Tyiagav2xs6H=s0-d)
圖7-2a Cloud9 官方的網站
順利的話就會出現下圖所示的「Cloud9 IDE」編輯軟體中。
![7-3a](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_ukkGdlXWHlZSftW_F2B8I2WlBOPHg1N_NRqu7n8mD7TGaMv_rba8mr45DcjgN2UuiD5YUQtzm7dLUXcu3ZTQqqXtPNppGcA0F6TgdYSrToZm8j_dwl62YMISftEj4slz6B3AUT-Z41=s0-d)
圖7-3a 「Cloud9 IDE」編輯軟體
對應的位置是到 /var/lib/cloud9/bonescript/
STEP3: 新增檔案
接下來請按下畫面中的「+\New File」的按鈕,就可以新增一個檔案。
![7-4a](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_urKuDoIOPSPQjBpPgpfOeWuAbkNz0G-F1EU5k-y98Y19nhxEsakFwekRhhKgVRdOcTgwRf_zwJcTDRzy3nZHU7rR0UFCZ6AhidsPyq4AS8bKlrjgWxvrKzRIG6jGM59FT-28FjH8s=s0-d)
圖7-4a 按下畫面中的「+\New File」
STEP4: 撰寫程式
在輸入的新增的編輯器中,輸入以下程式。
範例 ch7\myAPP.js
1. var b = require(‘bonescript’);
2. var state = b.HIGH ;
3.
4. b.pinMode(“USR0″, b.OUTPUT);
5. setInterval(toggle, 1000);
6.
7. function toggle()
8. if(state == b.LOW) state = b.HIGH;
9. else state = b.LOW;
10.
11. b.digitalWrite(“USR0″, state);
12.
![7-5a](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_tlKm6dw6vDqHL5ygifqhSM7EyYeWCTBmdz6FVRAftHZMXvIKg8TqvvC1fUfeNcxHhETuvTsJMCzVRJABzrL2j3XQz6B-yzYHY793ErQShWMdA71KEqpipNI6ofUajxAeV2sOp-2_72=s0-d)
圖 7-5a
STEP4: 儲存檔案
儲存檔案,請選取 File\Save As…
![7-6a](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_sOFPF60JcRbjgU6yfmWMbaag-Fhnd2uINxXqfoRfYBFvkL7BhhnRGvQ9qvZ9qQSuHPSIx-3TjpnTsWjDdvxCSz5-gQUPfXD-AaOzjprr3Nmqt2XVduceNy3vgR4xYx-fQzmn-orGAwnw=s0-d)
圖 7-6a
設定檔案名稱,建議存到cloud9\demo\ 底下的「myApp.js」
![7-7a](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_sezngOtMhNReCkROfqdy-CDBAXVzqGxnyiNhhvLlVDXyMepnAHN8-O40UJlaWe3tYjJLGaJuHh1iY1LqzajK0gZ6he8PK8uY5fK2cAF0PqxxpbfiLfxHuRC3Nx8UBbONpTkb6Erje0Ig=s0-d)
圖 7-7a 執行
STEP5: 執行程式
接下來將會介紹如何執行剛剛儲存的程式, 請點選畫面中的這個「Run」按鈕就能執行。
![7-a8](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_tJmtxvgK9SOOX-MkjSgVN1IvBci3y-Y20uXiMFWkXf5A1k5Y2yDoEgDwB0pyl73_4VsYvX6KoGlYIl_T5pa24KsMAwRjGT7ZXOi3_l-IcTHsh9QeVtayTOp1TBR9mKMsBb_gYFbr7H=s0-d)
圖 7-8a 選畫面中的這個「Run」按鈕
稍等一下之後,就會出現右邊的除錯編輯視窗,請點選圖案中的「三角形」按鈕,執行程式。
這個除錯編輯視窗 ,上面分是:
1. 執行到下一個中斷點。
2. 下一行。
3. 進入函數。
4. 回到呼叫的函數。
![7-a9](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_tq_M6gJZ2QsK6Sjh3Mb8Jzqf7OmrQ94z7GJBrK1juI2tdL8CLJzV1F7JX7emqNBUYoezNCx79jNw3kGTq8Q4vV57PlnXNxmBwuOr17INLFga4tNdTDcpWR1BrDNSgeufM8WXft-DnT=s0-d)
圖 7-a9 執 請點選圖案中的「三角形」按鈕
執行結果:
執行結果,如下圖所示,就會看到版子的第一個燈的每一秒鐘閃明暗改變一次,照成閃爍的效果。
![7-a10](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vGOslAjoFGlwdDypRIYpWjCI1yLORAEFVuiMmG_pIWDogtnAWF_ga5kVLytZ1xkCgbDCgSFbtZaPFjgXWFVkcpqnqDjIyCZl7AWfPSbMfvHTIGlcC50P4EKIxYSMqX8BJ4f1JRGxl8y2Y=s0-d)
圖 7-a10 執行結果
![7-a11](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_tn0dEBiRqXHxI9PQko2CAgCx8uQAQfEos9bmluUpTuupIqz_d0ytTmAuWb8rVfWgA48uCbud0k8yHUvWLS7RKmBu0V7mB0ejDaPH4tFXKRQPRsnqLiBoVhhMBm-3rMhf7xA3Q76QTGSpA=s0-d)
圖 7-a11 實際在硬體上的執行情況
02編輯環境- Cloud9 IDE