文章

VSCode

VSCode安裝、環境配置、美化。

安裝

Archlinux 安裝

直接用yay下載就好了。

1
yay -S visual-studio-code-bin

Windows 安裝

VSCode的官網下載就好。

GitHub 登陸

進VSCode後點左下角的頭像 > Backup and Sync Setting… > Sign in > Sign in with GitHub

Linux 環境配置

中文化 插件

左邊選項欄有個Extensions(四個小方塊要拼起來的圖示),點進去後搜尋Chinese(繁簡都有),裝好後重啟VSCode就好。

Python 插件

把對應的插件裝好就好,根本不用去載Python(系統內附)。
插件一樣去延伸組件搜尋Python裝好就行了,其他插件會自動跑好,寫好檔案後可以點右上角的開始鍵來運行Python檔(偵錯模式在旁邊的向下箭頭裡)。

Desktop View

C++ 插件

其實C++在Linux裡跟Python一樣只要去載插件就好,不像Windows要搞一堆有的沒的。
插件裝C/C++跟Code Runner就好,其他插件會自動跑好。
裝好Code Runner去延伸組件找到他 > 齒輪符號 > 設定
這裡有兩個要用,先找到 Run In Terminal 把他勾起來(個人習慣在整合式終端機跑)
然後再找到 Executor Map By File Extension ,進入settings.json後把cpp那行改成以下這行。

1
"cd $dir && g++ -fexec-charset=UTF-8 -std=c++17 $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt",

主要目的是為了把編碼改成UTF-8,不改中文會變亂碼。

Arduino 插件

安裝Arduino Community Edition的插件就好,其他插件會自動跑好。 裝好後開啟.ino文件右上角就會出現兩個按鈕(有一些青色的那兩個),有向下鍵頭的是燒入,打勾的那個是驗證檔案,簡單來說就是驗證是用來檢查語法錯誤的,燒入就是用來把程式灌到開發板裡的。

Desktop View

Arduino 初始設定

要開始使用時要先按Shift + P,搜尋Arduino找到Board Manager,如果你的開發版是Arduino Uno之類的就要下載Arduino AVR Boards,如果是ESP32則是esp32。

安裝好後還要Shift + P去Change Board Type裡找到你的開發版(ESP32大部分時候都是Node32s)。

如果你的程式有用到其他函式庫還要Shift + P去Library Manager下載對應的庫。

要燒入時還要記的Shift + P去Select Serial Port找到對的端口號來連接你的開發版,一般來說接上開發版再進Select Serial Port會看到某個端口後面接著開發板的名字,點他就對了。

Arduino Serial

主視窗下方有個序列監視器,進去後把連接埠跟傳輸速率設定好就行了,如果回傳的不是文字而是2進位或16進位就到連接埠左邊的檢視模式改成對應的就好,發送訊息則是右邊可以選擇要用哪個模式傳輸。

Desktop View

Windows 環境配置

個人推薦直接使用WSL2就好了,Windows配置環境十分麻煩。

開啟相關功能

Win + R 鍵後使用以下指令進入功能管理畫面。

1
optionalfeatures

打開Windows子系統Linux版、虛擬機器平台。

安裝WSL2

先用以下指令找到自己喜歡的發行板。

1
wsl --list --online

然後安裝你要的發行板。

1
wsl --install <發行版名稱>

如果你用了WSL但需要連接USB設備

先到下載USBIPD-WIN用來連接USB裝置。
Win + R 後打開powershell並輸入以下指令。

1
usbipd list

找到你的USB裝置的BUSID並記起來(ESP32大部分會寫CH340)。
然後連接你的USB設備就好了。

1
usbipd bind --busid <BUSID>

如果你的C槽要滿了

WSL預設裝在C槽,但我們可以之後再把他遷移走。
如果你忘記你的WSL名稱可以用以下指令。

1
wsl -l

接著到你想要放WSL的位置創一個資料夾用來放WSL。
然後找一個位置用來放匯出的檔案,後匯出WSL。

1
wsl --export <發行版名稱> <匯出資料夾路徑>\<WSL匯出後的名稱.tar>

刪掉原本的WSL。

1
wsl --unregister <發行版名稱>

匯入WSL。

1
wsl --import <新的發行版名稱> <用來放WSL的資料夾路徑> <匯出資料夾路徑>\<WSL匯出後的名稱.tar>

假設我的發行版是Arch的話。

1
2
3
wsl --export Arch C:\Users\Tuser\Downloads\TmpArch.tar
wsl --unregister Arch
wsl --import Arch E:\WSL\Arch C:\Users\Tuser\Downloads\TmpArch.tar

在VSCode使用WSL插件

在延伸模組裡找到WSL插件後下載他。
安裝完後左下角會出現兩個箭頭的綠色符號。

Desktop View

點他 > 連接至WSL

ESP32安裝USB轉序列埠驅動

目前大部分ESP32使用的USB轉序列埠晶片都是CP2102或CH340,但CP2102官方的載點好像失效了,所以只有CH340的載點

接下來的操作都跟 Linux 環境配置一樣。

美化VSCode

主題

個人比較推薦這幾個。
One Monokai Theme(使用中)、 Monokai Pro(需要升級)、 Atom One Dark Theme這三個

One Monokai Theme

Desktop View

Monokai Pro:Filter Octagon

Desktop View

Atom One Dark Theme

Desktop View

Monokai Pro升級

ctrl+shift+p > Monokai Pro: enter license
Email: id@chinapyg.com
Key: d055c-36b72-151ce-350f4-a8f69

圖標主題

讓你在找檔案更方便,也讓VSCode更好看。
目前使用Material Icon Theme

Desktop View

更好的注釋

簡單來說就是讓你的注釋更好分類跟辨識。
目前使用Better Comments

Desktop View

本文章以 CC BY 4.0 授權