[ MediaTek ] LinkIt 7697 使用 Microlattice.js 教學 - Windows

本文根據 【Microlattice.js for LinkIt RTOS SDK】 撰寫相關教學。

學習目標

  • Microlattice.js 環境設定
  • Hello World 程式撰寫與編譯程式

前置準備作業

  1. 一台 Windows 電腦

  2. LinkIt 7697 開發板

  3. Micro-USB Cable


連接圖

感謝 【 Anker Taiwan 】 提供拉不斷的 Micro USB Cable


Windows 端 - 下方範例使用 Windows 7

Step 1. 安裝 Node.js

❖ 1.1  下載 Node.js v4.2.2
        網址:https://nodejs.org/en/blog/release/v4.4.2/
        ※ 依自己的 Windows 電腦選擇適合的安裝檔


❖ 1.2  執行剛下載的執行檔


❖ 1.3 點選 【 執行(R) 】 按鈕


❖ 1.4  點選 【 Next 】 按鈕


❖ 1.5 勾選 【 I accept the terms in the License Agreement 】 並點選 【 Next 】 按鈕


❖ 1.6  選擇要安裝的路徑再點選 【 Next 】 按鈕
        ※ 預設安裝於 C:\Program Files\nodejs\


❖ 1.7  使用預設值並點選 【 Next 】 按鈕


❖ 1.8  點選 【 Install 】 按鈕開始安裝 Node.js


❖ 1.9  點選 【 是 】 按鈕


❖ 1.10  安裝過程


❖ 1.11  點選 【 Finish 】 按鈕完成安裝


Step 2. 安裝 msys2

❖ 2.1  下載 【 msys2-i686-20150916.exe 】 的版本
        網址:http://repo.msys2.org/distrib/i686/
        ※ 依自己的 Windows 電腦選擇適合的安裝檔


❖ 2.2  執行剛下載的 【 msys2-i686-20150916.exe 】 執行檔


❖ 2.3  點選 【 執行 】 按鈕


❖ 2.4  點選 【 Next 】 按鈕  


❖ 2.5  選擇安裝路徑再點選 【 Next 】 按鈕 
        ※ 預設安裝於 C:\msys32


❖ 2.6  使用預設值再點選 【 Next 】 按鈕 


❖ 2.7  安裝過程


❖ 2.8  點選 【 Finish 】 按鈕 


Step 3. 安裝 CP2102N USB-to-UART 驅動程式

  ❖ 開啟電腦的瀏覽器並輸入下方的 URL
     http://www.silabs.com/products/development-tools/software/usb-to-uart-bridge-vcp-drivers
  ❖ 依自己的作業系統來選擇相對應的安裝檔並安裝完成


Step 4. 開啟 【 msys2 】 應用程式

❖ 4.1  點選 【 MSYS2 32bit 】 中的 【 MSYS2 Shell 】


❖ 4.2  【 MSYS2 】 啟動畫面


Step 5. 安裝套件

❖ 5.1  在 【 MSYS2 】 程式中輸入 【 update-core 】

安裝過程


❖ 5.2  在 【 MSYS2 】 程式中輸入 【 pacman -S tar unzip 】  

看到此訊息請輸入 【 Y 】 


❖ 5.3  在 【 MSYS2 】 程式中輸入 【 pacman -S make 】  

看到此訊息請輸入 【 Y 】 


❖ 5.4  在 【 MSYS2 】 程式中輸入 【 pacman -S git 】  

看到此訊息請輸入 【 Y 】 


❖ 5.5  在 【 MSYS2 】 程式中輸入 【 pacman -S wget 】  

看到此訊息請輸入 【 Y 】 


Step 6. 安裝 【 Microlattice.js 】 環境

❖ 6.1  在 【 MSYS2 】 程式中輸入 【 npm install microlattice -g 】


❖ 6.2  創建開發資料夾
        ① 在 【 MSYS2 】 程式中輸入 【 cd / 】


        ② 在 【 MSYS2 】 程式中輸入 【 mkdir testSDK 】


        ③ 在 【 MSYS2 】 程式中輸入 【 cd testSDK 】


❖ 6.3  在 【 MSYS2 】 程式中輸入 【 ml create 】


❖ 6.4  編輯  【 featureConfig.json 】 檔案
        ① 在 【 MSYS2 】 程式中輸入 【 vim featureConfig.json 】


        ② 在 【 MSYS2 】 程式中輸入 【 i 】


        ③ 在 【 MSYS2 】 程式中將 【 IC_CONFIG 】 後方 【 example 】 的值更改為 【 mt7697 】


        ④ 在 【 MSYS2 】 程式中將 【 BOARD_CONFIG 】 後方 【 example 】 的值更改為 【 mt7697_hdk 】


        ⑤ 在 【 MSYS2 】 程式中按鍵盤上的 【 Esc 】 鍵


        ⑥ 在 【 MSYS2 】 程式中輸入 【 :wq! 】 再按鍵盤上的 【 Enter 】鍵


Step 7. 安裝 【 Microlattice.js 】 相關套件

❖ 7.1  在 【 MSYS2 】 程式中輸入 【 npm install ml-mt7697-config --save 】


❖ 7.2  在 【 MSYS2 】 程式中輸入 【 ml init:mt7697 】


❖ 7.3  在 【 MSYS2 】 程式中輸入 【 npm i 】


Step 8. SDK 相關設定

❖ 8.1  在 【 MSYS2 】 程式中輸入 【 cd sdk 】


❖ 8.2  在 【 MSYS2 】 程式中輸入 【 wget https://s3-ap-southeast-1.amazonaws.com/mtk.linkit/Mediatek-Cloud/LinkIt_SDK_V4.2.0_public_ml.zip 】


❖ 8.3  在 【 MSYS2 】 程式中輸入 【 wget https://launchpad.net/gcc-arm-embedded/4.8/4.8-2014-q3-update/+download/gcc-arm-none-eabi-4_8-2014q3-20140805-win32.zip 】


❖ 8.4  在 【 MSYS2 】 程式中輸入 【 mv gcc-arm-none-eabi-4_8-2014q3-20140805-win32.zip gcc-arm-none-eabi.zip 】


❖ 8.5  在 【 MSYS2 】 程式中輸入 【 cd .. 】

❖ 8.6  在 【 MSYS2 】 程式中輸入 【 npm run installEnv 】


❖ 8.7  在 【 MSYS2 】 程式中輸入 【 sh ./windows.sh 】



❖ 8.8  編輯  【 featureConfig.json 】 檔案
        ① 在 【 MSYS2 】 程式中輸入 【 vim featureConfig.json 】


        ② 在 【 MSYS2 】 程式中輸入 【 i 】


        ③ 在 【 MSYS2 】 程式中將 【 download_port 】 後方 【 /dev/tty.SLAB_USBtoUART 】 的值更改為自己電腦上的 COM PORT


※  查看自己電腦上的 COM PORT
   【 我的電腦 】 按右鍵 ➙ 點選【 內容 】

※  查看自己電腦上的 COM PORT
   點選【 裝置管理員 】


※  查看自己電腦上的 COM PORT
   展開【 連接埠(COM 和 LPT) 】

※  查看自己電腦上的 COM PORT
   【 Silicon Labs CP210x USB to UART Bridge (COMX) 】最後面的 COMX 即為所使用的 COM PORT 

        ④ 在 【 MSYS2 】 程式中按鍵盤上的 【 Esc 】 鍵


        ⑤ 在 【 MSYS2 】 程式中輸入 【 :wq! 】 再按鍵盤上的 【 Enter 】鍵


Step 9. 第一支程式 - Hello World

❖ 9.1  Hello World 程式碼位於 【 index.js 】 檔案中


❖ 9.2  在 【 MSYS2 】 程式中輸入 【 npm run build 】


❖ 9.3  下載 Putty 軟體
        網址:https://the.earth.li/~sgtatham/putty/latest/x86/putty.exe

❖ 9.4  開啟 Putty 軟體

點選 【 Serial 】

【 Serial line 】 的欄位輸入所使用的 COM PORT
【 Speed 】 的欄位輸入 115200
再點選 【 Open 】 按鈕

結果畫面

※ 如果畫面沒有輸出請按板子上的 【 RST 】按鈕 (如下圖的左上角按鈕)


Reference
GitHub
List of blogs
感謝
ALL RIGHTS RESERVED. COPYRIGHT © 2018. Designed and Coded by Makee.io