準備開始
君子生非異也,善假於物也。 ——荀子【勸學】
君子的資質與一般人沒有什麽區別,君子之所以比一般人強,是因為他善於借助外物。
學習C++編程亦是如此。這裏的「君子」可以指代編程達人,我們想要編程學得越來越好,必須要 善假於物 。此處,我們要借助的就是 微軟 出品的最強 編輯器 Visual Studio Code(簡稱 VS Code ),而且是完全 免費 的,人人都能用起來。
當然,這部份內容作為初出茅廬的一個隱藏關卡,獻給家長和孩子們,可供愛折騰的孩子們 錦上添花 之讀,一般而言,只要解鎖了之前的一篇 【教孩子學C++編程——人人都能看懂的 Dev-C++ 詳細指南】即可成功踏上C++之旅。
但是,請註意, VS Code 絕對是一把神兵利器 ,尤其是當前我們正處於人工智慧時代,帶著VS Code 上路就如同孫悟空帶著如意金箍棒上路。
準備好了開始嘍!我們可以直接去官網下載,地址是:https://code.visualstudio.com/
官網中間靠左的大按鈕「 Download for Windows 」已經自動地辨識出了最適合我們下載的 VS Code(本文是對 Windows 系統下的 VS Code 安裝使用展開詳細介紹,其他作業系統如 Linux(Ubuntu) 或者 MacOS 暫不涉及,敬請期待!)。VS Code 目前的最新版本是1.86,單擊一下這個大按鈕就可以下載到自己的電腦上,然後進行安裝。
VS Code
VS Code 的安裝步驟如下:
- 選中下載好的軟體,滑鼠左鍵雙擊就可以啟動安裝。
先是看到授權合約,只能選擇「我同意此協定」,然後單擊「下一步」。
- 選擇安裝位置。
可以使用預設路徑,也可以自訂一個資料夾路徑,如 D:\Programs\Microsoft VS Code 這個路徑,如下圖所示,然後單擊「下一步」。
接下來,繼續單擊「下一步」即可。
再接下來,這裏有個「建立桌面捷徑」的選項,可以選中建立一下方便後面直接從桌面開啟VS Code,其他的選項保持預設即可。
- 安裝開始,單擊一下「安裝」。
安裝中,稍等一會兒。
安裝完成,預設會勾選「執行 Visual Studio Code」,單擊「完成」即可執行軟體。
- 初次見面。
一開啟來就可以看到一個歡迎頁來介紹如何「開始使用 VS Code」。預設是英語的界面,不用怕,都是比較 淺顯易懂 的,當然,後面也有介紹如何切換成中文,這裏我們就先按它的介紹走個過場去熟悉一下。
第一步是選擇主題 ,右側列出了四種主題,當然還可以檢視更內送流量備援容錯機制題,這裏就選一個順眼的主題就行。(預設的第一個深色主題就挺不錯的!)
第二步是添加C/C++語言外掛程式 ,單擊「Browse Language Extensions」後會在左側出現語言外掛程式(擴充套件)列表,我們選擇 C/C++ Extension Pack 這個外掛程式,單擊「Install」按鈕安裝一下。順便補充一句,我們在這個列表裏還看到了 Python 這個外掛程式,沒錯,VS Code 也可以用來 Python 編程。
後面幾步稍微看一下就行,比如常用的設定「檔自動保存」、設定「字型大小」等等。這裏再提一下快捷鍵組合「 Ctrl+Shift+P 」,這個組合堪稱快捷之門,熟練掌握 VS Code 的快捷鍵就可以扔掉滑鼠了!當然,我們慢慢來就行,循序漸進,水到渠成,正如賣油翁的名言「我亦無他, 惟手熟爾 。」
- 切換中文。
切換成中文僅需要安裝一個「簡體中文」外掛程式(擴充套件)即可。
步驟非常簡單,單擊最左側的擴充套件按鈕(圖示像方塊積木),中間的搜尋框裏搜尋一下「簡體中文」,單擊「Install」按鈕安裝一下。對了,所有的外掛程式(擴充套件)安裝都是這3步, 一點、一搜、Install 。回頭看上面提到的 添加C/C++語言外掛程式 ,其實也是如此,學會了嗎?
再補充一句,初次學習編程時期可以切成中文方便上手無難度,等入門級的學習結束了,完全可以切回英文界面。編程的語言就是英文,不必害怕這些 淺顯易懂 的英文哦!
「簡體中文」外掛程式安裝完成之後,在右下角會出現重新開機 VS Code 的提示,單擊一下重新開機即可。
- 再次見面。
重新開機之後,中文界面出現在我們眼前。這個時候我們可以直接「開啟資料夾」來新建一個用於 C++ 編程的資料夾,但是此時 VS Code 還只能用來 編輯 C++ 程式碼,沒法 編譯 C++ 程式碼。
編輯和編譯分別是啥玩意兒?隨著我們後續不斷學習深入, 自然而然 地就能融會貫通。這裏就先簡單提一下:我們手動寫C++程式碼這個過程就是 編輯(Edit) ,把我們寫好的C++程式碼轉譯成機器才看得懂的指令並生成可執行的程式這個過程就是 編譯(Compile) 。 編輯器 就是能讓我們完成程式碼編輯的軟體, 編譯器 就是能讓我們完成程式碼編譯的軟體。
言歸正傳,此時的 VS Code 只能編輯 C++,要想讓它像 Dev-C++ 一樣也能支持編譯 C++,還需要額外借助一套編譯工具 MinGW (也就是Windows平台的GCC編譯器),到龍年了,我願稱之為 畫龍點睛 組合。
MinGW-w64
我們可以直接去官網下載,地址是:https://sourceforge.net/projects/mingw-w64/files/
官網頁面滑到下圖所示的地方選擇下載 x86_64-win32-seh 這個壓縮包即可。
下載完成之後直接解壓出來,得到一個 mingw64 資料夾。
出於強迫癥習慣,可以把這個資料夾移動到之前 VS Code 安裝的父資料夾下(比如 D:\Programs\, 此時的 mingw64 資料夾路徑就是 D:\Programs\mingw64\ ),這裏面有一個很重要的目錄 bin 目錄(包含了編譯器)。
註意了,接下來的一步 非常重要 !為了讓 Windows 系統能辨識到 mingw64 的 bin 目錄下的編譯器,需要把它所在的目錄(即 D:\Programs\mingw64 \bin ) 新加到 環境變量 Path 中,操作步驟如下:
- 開啟系統搜尋(快捷鍵組合【Win】+【S】)
- 搜尋「path」,在搜尋結果的最佳匹配中,選擇「編輯系統環境變量」
- 單擊「環境變量」
- 彈出「環境變量」視窗後,在下半部份的「系統變量」裏找到 Path 變量,單擊「編輯」
- 新建一個值,把之前提到的 mingw64/bin 的資料夾路徑填寫進去就行(比如 D:\Programs\mingw64\bin)
- 最後依次單擊「確認」來關閉其他的視窗即可。
在此之後,MinGW-w64 就直接退居幕後,編譯的事情也直接交給 VS Code 代勞了。
小試牛刀
終於到了小試牛刀的環節了。一回生二回熟,讓我們再次回到 VS Code。
從新建資料夾開始,點選「開啟資料夾」
添加一個新建出來的資料夾,比如 D:\workspace\CPP
首次添加資料夾,VS Code 會提示是否信任此資料夾,點「是」就行。
新建一個檔(C++原始碼檔)
新建的檔取名為 hello .cpp ,然後寫一點C++程式碼進去,龍年了,就以龍年通用的「輸出 龍年快樂」(英文)為例,編輯程式碼內容如下:
#include <iostream>using namespace std;int main() { cout << "Happy Loong Year!"; return 0;}
註意此時的檔還沒有保存(如下圖hello.cpp旁邊顯示的是一個小白點),使用快捷鍵組合【Ctrl】+ 【S】即可保存它(保存之後,小白點會變成小叉叉)。 編輯程式碼 + 保存檔之後,就是編譯。 註意看右上角的小蟲子三角形按鈕(執行或偵錯),點選向下的三角,選擇「執行C/C++檔」。
第一次點選執行,會彈出選擇偵錯配置讓我們選擇,在這裏要選擇第二個選項,C/C++: g++.exe 生成和偵錯活動檔 ,對應的編譯器是 g++.exe ,以後再點選執行,就直接跳過這一步了,按照第一次的選擇(這個資訊其實就保存在當前資料夾的 .vscode\tasks.json 檔裏)。
很快就能看到結果了。我們可以發現生成了一個 hello.exe 的程式,也可以看到程式的執行結果:Happy Loong Year!
到此,我們就完成了 VS Code 用來 C++ 編程的新手指南。
一根如意金箍棒已經交到你手上了。放手去大幹一場吧!
小結
本節介紹了基於 VS Code 搭建 C++ 編程環境,VS Code 為 C++ 編程量身打造了一把神兵利器,讓 C++ 編程更有絲滑感。雖然這個操作不是開箱即用,略微有點復雜,還得安裝外掛程式等處理,但是 磨刀不誤砍柴工 ,一勞永逸,何樂不為,試想一下,如果不是孫悟空一頓折騰大鬧龍宮把定海神針借為已用,那麽它就還是一根大柱子。VS Code 用的時間越長,越能感受到真的很爽。後面有機會可以慢慢細說,現在我們循序漸進即可。
最後,總結一下本文關於 VS Code 編寫程式碼涉及到的一些快捷鍵。
功能 |
快捷鍵 |
新建檔 |
Ctrl + N |
保存檔 |
Ctrl + S |
編譯執行 |
Ctrl + F5 |
其他快捷鍵可以直接參考官網給出的文件 https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf