---
# System prepended metadata

title: Arduino IDE 2.0 連續技!分享出你的IDE使用環境吧!
tags: [伴伴學線上交流活動]

---

# Arduino IDE連續技，分享你的IDE使用方式吧！
[TOC]

# 起源
- ***源自於2023.8.30 一次2.2.0的更新：***
    - https://forum.arduino.cc/t/arduino-ide-2-2-0-is-now-available/1163477
- 更新之後，幾個重要功能：
    - **Expose Arduino state data for use by VS Code extensions**
        - 可以直接使用VSIX檔安裝VS Code的Extension，以往都要解包VSIX並放入Extensions資料夾才可安裝
        - ESP32 Extension範例：https://github.com/dankeboy36/esp-exception-decoder 
    - **Add advanced setting for moving Serial Monitor to the right panel**
        - 可在進階設定，把序列埠監控視窗移至右方顯示
- **突然靈機一動**，決定想跟大家分享我的使用方式。
    - 也想請大家分享，各自使用Arduino IDE的方式與習慣。

# 插件
- [Git Graph (Git樹)](https://marketplace.visualstudio.com/items?itemName=mhutchie.git-graph) - 黑貓
![](https://hackmd.io/_uploads/rkgsk_0p3.png)
- [Pomodoro Timer (番茄鐘)](https://marketplace.visualstudio.com/items?itemName=brandonsoto.pomodoro-timer) - 黑貓
![](https://hackmd.io/_uploads/BJjoyO0ah.png)
- [Discord Rich Presence](https://marketplace.visualstudio.com/items?itemName=LeonardSSH.vscord) - 黑貓
![](https://hackmd.io/_uploads/SyqD7uR6h.png)
## 安裝教學
![](https://hackmd.io/_uploads/HJ3w2PRT2.png)
![](https://hackmd.io/_uploads/Hy-NpPC6h.png)

# 編輯器設定
- Language > Real Time Diagnostics: `True` - 黑貓
    - 即時透過Language Server分析草稿碼
- Monitor > Dock Panel: `Right` - 黑貓
    - 把序列埠監控視窗移至右方顯示
- Editor > Tab Size: `4` - 黑貓
    - Tab縮排設定成4格
![](https://hackmd.io/_uploads/SkYFku0p3.png)
- Editor > Minimap: Enabled: `Enabled` - 黑貓
    - 打開編輯器小地圖
![](https://hackmd.io/_uploads/SkJFkOAan.png)
## 操作方式
- `Ctrl + Shift + P` > `Preferences: Open Settings (UI)`
或
- `Ctrl + Shift + P` > `Preferences: Open Settings (JSON)`

# 實驗
- 把`window.titleBarStyle`調整成`custom`後，可以像是vscode那樣調整成更漂亮的Title Bar。但官方貌似沒有優化這個部分，導致有些功能不能按到。 - 黑貓
- ![](https://hackmd.io/_uploads/BJqUE_Aan.png)
![](https://hackmd.io/_uploads/rypUNuCph.png)
