資管系的技術課程幾乎都離不開程式。當然,有一個好的編譯器可以提高撰寫程式的效率。Visual Studio Code 是微軟所開發的免費開源程式碼編譯器,也是根據 Stack Overflow 最多開發者在使用的編譯器哦~ 那我們來看看這個編譯器為啥會這麼厲害吧~!

下載鏈接:https://code.visualstudio.com/

最常用的開發環境 - StackOverflow

安裝後基本上會有這樣的一個介面… 我們可以先安裝一些程式環境所需要的套件。右上角的 Customize > Tools and Languages 裡點擊會使用到的程式語言,VSCode 就會自動安裝一些基本環境套件。因為 Windows 本身是用 C/C++ 來撰寫的,所以 VSCode 預設就會安裝 C/C++ 所需要的套件。語言環境基本上會為程式碼著色、自動填充程式碼、標識明顯的錯誤訊息,Compiler 需要另外安裝哦~

左邊一排下來有一些按鈕,這個東東叫 Activity Bar,我們看一下這裡有什麼東西吧~ 第一個是 Explorer(Ctrl + Shift + E)。在這裡可以開啟你們儲存程式的資料夾,VSCode 會自動讀取資料夾裡面的檔案,基本上就可以不用再開檔案總管就可以輕鬆開啟程式碼。Explorer 裡面還有一個叫 Outline 的區塊... 他基本上會顯示你程式碼裡的 function、class 和 variables;點擊兩下它就會把你帶到宣告的程式碼行。

下一個按鈕是 Search(Ctrl + Shift + F)。當然在程式碼的 Editor 裡面也可以下 Ctrl + F 搜尋程式碼裡面的字元。但是如果專案太龐大,不知道是在哪個檔案裡宣告,或是想找在哪些檔案裡有呼叫某個變數的時候,可以直接在這裡搜尋資料夾裡的每個檔案哦~

接下來是 Source Control (Ctrl + Shift + G)。基本上這個是鏈接 GitHub 或其他版本空管的功能,他已經將一些基本的 Git 指令都包裝到介面裡面,可以不用下指令就將資料夾直接 push/pull/commit 到 Git 上。未來有機會寫 Git 相關的教學再跟大家進一步說明~

雖然在撰寫過程 VSCode 會將一些明顯的 syntax errors 標識出來,但是 Debug (Ctrl + Shift + D)會將你的錯誤的 call stack 顯示出來,並且你可以追踪程式碼錯誤的地方。你也可以選擇 debug 的程式段落,這樣不需要浪費時間跑完整段程式碼。

最後就是 Extensions。這裡基本上就是安裝套件的地方啦~ 若是再歡迎介面的時候沒有安裝到想要的環境,可以在這裡搜尋並且下載套件。除了程式環境以外,還可以安裝一些其他功能的套件像是 SSH 遠端連線、各式的Linter、Emmet、Git 套件等等...

再跟大家介紹程式碼下面的視窗,這裡叫 Panel,基本上程式碼在運行的時候,這裡會顯示 output 和一些錯誤訊息等。Problems 基本上會在你存檔的時候將程式碼有標識錯誤的地方列出來,並且點擊兩下就可以帶你到程式碼錯誤的地方。Terminal 基本上就是 Windows 裡的 Powershell 指令介面,你可以直接在裡面下編譯或其他 PATH 裡面的指令。

最後再跟大家介紹 VSCode 裡面一個叫 Command Palette (Ctrl + Shift + P,F1)的工具。基本上透過這個介面操作 VSCode 裡面的所有功能。就算你不知道這個功能的快捷鍵是什麼,或這個設定在哪裡找,你只要大概知道你要幹嘛,你就可以在上面打出你要做的東西。例如:如果大鳥想要修改程式碼字體的顏色,基本上大鳥只要在裡面打 color,修改的設定就會跳出來了。

如果還是不清楚要怎樣操作,可以在裡面打‘?’,就會有將一些基本的指令顯示出來哦~(記得將‘ > ’拿掉...

Leave a Reply

Your email address will not be published. Required fields are marked *